Safari浏览器如何读取innerHTML

最新推荐文章于 2024-04-01 11:50:05 发布
最新推荐文章于 2024-04-01 11:50:05 发布
阅读量1.5k 收藏
点赞数
分类专栏： Ajax 文章标签： safari 浏览器 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ppanyong/article/details/3862671
版权

由于Safari浏览器下 js获得dom元素后得到的innerHTML属性值会自动过滤掉<%%>等动态脚本的特殊符号，导致一些情况下出现问题。

 

为了解决这个问题，需要在dom中加入<xmp></xmp>的标签，强制显示代码段。

 

笔记在此。

ppanyong
关注
专栏目录
IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法
09-05
IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法，需要的朋友可以参考下。
safari不支持svg的innerHTML方法的解决方案
weixin_45866907的博客
10-07 193
safari不支持svg的innerHTML方法的解决方案
IE6/7/8/9中Table/Select的innerHTML不能赋值
weixin_34152820的博客
04-04 135
IE6/7/8/9中Table/Select的innerHTML赋值会报错，如下 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;IE6/7/8/9中TABLE的innerHTML不能赋值&lt;/title&gt; &lt;/he
IE对select的处理，又一怪现象：innerHTML竟然不起作用。
swingboat
09-12 237
我们用select来选取一个国家，当我辛辛苦苦拼凑字符串，然后把这个字符串赋值给select的innerHTML，运行，在firefox下能显示出所有的国家。但是在IE下却什么都没有显示。刚开始我还以为是我拼凑的字符串有问题，仔细检查没有啊。后台到google上search了下，发现是ie处理select的一个bug。于是做了一个简单的测试。  1&lt;html&gt; 2&lt;head...
JS中innerHTML和pasteHTML的区别实例分析
10-22
innerHTML也可以用来读取元素的内容，只需不赋值即可： ```javascript var content = para.innerHTML; console.log(content); // 输出：'<strong>Hello, World!</strong>' ``` 另一方面，pasteHTML()并不是一个...
html页面中js一行一行读取txt文件并排序显示_仅IE浏览器执行.zip
03-10
由于这个方法依赖于IE的特有功能，它不适用于Chrome、Firefox、Safari或Edge等其他现代浏览器。如果需要跨浏览器解决方案，可以考虑使用`XMLHttpRequest`或`fetch API`来异步读取文件，然后使用`Blob`和`FileReader`...
不同浏览器对XML的解析是不同的
10-27
这段代码展示了如何在不同浏览器（IE、Firefox、Chrome、Safari、Opera）中加载和解析XML文件。关键在于使用正确的XMLHttpRequest对象以及处理XML响应的方式。 首先，创建XMLHttpRequest对象时，需要考虑到旧版IE...
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
09-05
当读取innerHTML时，它会返回元素内部的所有HTML，包括文本节点、标签和它们的属性值。而当设置innerHTML时，它会替换元素内原有的所有内容，并根据新值解析和插入相应的DOM结构。 在描述的问题中，我们有一个包含...
基于JS实现快速读取TXT文件
10-14
通过`getElementById`获取该元素，然后设置其`innerHTML`属性，使得浏览器显示读取到的TXT文件内容。 ```javascript document.getElementById("text").innerHTML = str; ``` 5. **兼容性问题** 需要注意的是，...
JavaScript之innerHTML和outerHTML，innerText和outerText
Karka_的博客
09-15 5229
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器（现在也适应chrome浏览器），因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。--申明当前网页的编码集UTF-8-->--编辑器的名称-->
为什么不推荐用innerText，最好用innerHTML
最新发布
qq_37635012的博客
04-01 95
innerHTML和innerText 这两个属性都是获取document对象的文本内容的，innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。**同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。通过 chrome 浏览器打开，弹出内容为 “hello world” 和 “hello world”通过IE浏览器打开，弹出内容为 “hello world” 和 “hello world”
各浏览器中innerHTML实现差异
江南雨
09-25 543
  如下代码 1 2 3 4 5 6 7 8 9 &lt;p id="tit"&gt;&lt;/p&gt; &lt;script&gt;     try {         document.getElementById('tit').innerHTML = "&lt;div&...
解决 innerHTML的浏览器兼容问题
奚学长的工地
09-30 5195
document.getElementById(id).innerHTML=trHtml; 上述代码在IE6-9中无效（IE10正常），直接报错： 　　IE9：Invalid target element for this operation. 　　IE6-8：Unknown runtime error 发现是在IE6-IE9下，下列元素table,
innerHTML、outerHTML、innerText、outerText的区别及兼容性问题
热门推荐
HTMl5自由者
04-13 1万+
看了很多文章关于， 关于innerHTML、outerHTML、innerText、outerText的区别，还是很模糊的一个印象，所以自己总结下这xie
前端浏览器兼容性问题总结
qq_25194685的博客
10-12 462
市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎，内核更加倾向于说渲染引擎。 常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit IE浏览器：Trident内核，也称为IE内核 Chrome浏览器：Webkit内核，现在是Blink内核 Firefox浏览器：Gecko内核，俗称Firefox内核 Safari浏览器：Webkit内核 Opera浏览器：最初是自己的Presto内核
JavaScript浏览器兼容性问题解决策略
"这篇文章除了标题'浅析JavaScript中浏览器的兼容问题'外，主要探讨了在JavaScript开发中遇到的浏览器兼容性问题，并通过示例代码展示了如何解决一些常见的兼容性问题，如innerText与innerHTML的区别以及获取兄弟...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值