js 动态添加属性不能显示(在兼容模式下不显示,正常的显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 动态添加属性不能显示(在兼容模式下不显示,正常的显示相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>图片垂直居中</title>
<script type="text/javascript" language="javascript">
function test(id)
var div1 = document.getElementById(id);
var div2 = document.createElement("div");
div2.setAttribute("style","border:1px solid red;width:30px;height:20px;margin:3px;");
div2.setAttribute("onclick","javascript:alert('提示消息!');");
div1.insertBefore(div2, div1.firstChild);

</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<input type="button" onclick="test('mainDiv')" value="添加" />
<div id="mainDiv" style="border:1px solid red;width:100px; height:50px;">

</div>
</body>
</html>

楼主,ie6,7是不支持用setAttribute来添加style和事件的,可以做如下修改:

div2.style.cssText="border:1px solid red;width:30px;height:20px;margin:3px;"
div2.onclick=function()alert(1);

这样就没问题了
参考技术A 恩,虽然测试了一下,却是兼容模式下不能实现。
一个是 完全用 jquery重写,
一个人,保持 ie 的标准w3c 也就是头协议。追问

我的实际还有其他内容,就是用innerHTML 包含了我字符串拼接的标签。用jQuery的话,好像不行啊。

追答

那就 保持 w3c标准,就不会产生兼容模式。不过你的代码 不能兼容火狐。

UITabBar 大内容尺寸图像 (HUD) 在大文本模式下不显示

【中文标题】UITabBar 大内容尺寸图像 (HUD) 在大文本模式下不显示【英文标题】:UITabBar Large Content Size Image (HUD) doesn't display in Large Text mode 【发布时间】:2017-07-31 14:36:01 【问题描述】:

iOS 11 具有一项辅助功能,当长按时,它会在弹出式 HUD 中显示大版本的选项卡栏图标。在 WWDC 演示文稿中,有人提到这仅涉及打开: 设置 -> 常规 -> 辅助功能 -> 更大的文本

..并添加:

tabBarItem.largeContentSizeImage = UIImage(named: "myHud")

或者,您可以添加矢量图像作为主工具栏图像,并在资产目录中选中“保留矢量数据”。

我已经尝试了所有这些组合,长按不显示 HUD。我还在运行 iOS 11b4 的 iPad 上测试了 Files 应用程序,但没有成功。这是在 WWDC 上演示的应用程序。

我是否缺少其他一些可访问性设置来启用此功能?还是在 beta 4 中不可用?

【问题讨论】:

【参考方案1】:

仅打开较大的文本是不够的。您还必须使用更大的文本 - 即将滑块向右滑动。

然后它就起作用了——嗯,HUD 出现了。但是图标没有在 HUD 中被放大,所以我不太明白这一点:

(如您所见,我在一个测试项目中这样做,我正在试验矢量 PDF 图像功能。)

【讨论】:

那么不要添加大的内容图像,系统可能会自己生成一个更大的图像,我知道很奇怪......【参考方案2】:

此功能实现和带有标签栏的示例在此 accessibility site 上通过插图完美解释,但这里是大纲:

    在 Xcode 下,在 xcassets 目录中导入要放大的图片,扩展名为 pdf,分辨率为 x1。

    在新的图像集中,勾选Preserve Vector Data并指定Single Scale作为Scales属性。

    如果此图像使用故事板,请在图像视图部分中勾选Adjusts Image Size,否则在代码中将adjustsImageSizeForAccessibilityContentSizeCategory 图像属性设置为true。

    对于应用程序中使用的标签栏或工具栏,首先对屏幕中间要放大的项目中包含的每个图像重复前 3 个步骤,然后将辅助功能图像链接到相应的项目.

    此功能仅适用于无障碍文本大小

警告:不要忘记使用这些更大尺寸的新图片检查您的布局。

为了您的记录,this detailed WWDC video summary 中提供了对 Large Content Viewer 的说明(如果需要)⟹ UILargeContentViewerItem 协议iOS 13 新功能显示与标准栏项目相同的 HUD。

【讨论】:

【参考方案3】:

你该走了:

Settings > General > Accessibility > Larger Text(set on) > Move slider more then half to the right

别忘了设置

tabBarItem.largeContentSizeImage = someKindOfImage

长按就可以了。

【讨论】:

以上是关于js 动态添加属性不能显示(在兼容模式下不显示,正常的显示的主要内容,如果未能解决你的问题,请参考以下文章

日期时间的显示格式在 MVC Core 和引导程序 4 中的编辑模式下不起作用

a标签的背景图在ie8下不显示的问题

cdr显示出现一个问题,导致程序停止工作,怎么解决

js解决IE89下placeholder的兼容问题

BottomSheetDialogFragment 在横向模式下不显示全高

为啥我的按钮在横向模式下不显示?