.html() : 获取集合中第一个匹配元素的HTML内容 设置每一个匹配元素的html内容。

您所在的位置:网站首页 jquery方法获取div元素的html内容 .html() : 获取集合中第一个匹配元素的HTML内容 设置每一个匹配元素的html内容。

.html() : 获取集合中第一个匹配元素的HTML内容 设置每一个匹配元素的html内容。

2023-04-11 16:03| 来源: 网络整理| 查看: 265

这个 .html() 方法对 XML 文档无效.

我们可以使用 .html() 来设置元素的内容,这些元素中的任何内容会完全被新的内容取代。此外,用新的内容替换这些元素前,jQuery从子元素删除其他结构,如数据和事件处理程序。(注:这样可以防止内存溢出。)

考虑以下的HTML:

1 2 3 Demonstration Box

我们可以像这样设置 的HTML内容:

1 2 $('div.demo-container') .html('

All new content. You bet!

');

这行代码将替换 里的所有内容

1 2 3 All new content. You bet!

在 jQuery 1.4中, .html() 方法允许我们通过函数来传递HTML内容。

1 2 3 4 $('div.demo-container').html(function() { var emph = '' + $('p').length + ' paragraphs!'; return '

All new content for ' + emph + '

';});

给定一个拥有6个段落的HTML文档,在这个例子中将设置

All new content for 6 paragraphs!

为的新HTML内容。

这种方法使用浏览器的innerHTML 属性。有些浏览器可能不完全复制所提供的HTML源代码生成DOM。例如,Internet Explorer的版本8之前转换所有链接的href属性为绝对URL路径,和Internet Explorer第9版之前,不增加一个单独的兼容层的情况下,将无法正确处理HTML5元素。

注意: 在Internet Explorer中,包括第9版,  设置HTML元素的文本内容可能会破坏其子节点的文本节点,结果导致子节点的文本节点从文档中被删除。如果你想保留这些 DOM 元素的引用,需要他们将保持不变,请使用.empty().html(string)来代替.html(string),以便从文档中删除元素之前的元素被分配到新的字符串。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3