美文网首页
关于DOM(页面内容)

关于DOM(页面内容)

作者: 就那两三事 | 来源:发表于2018-08-08 13:32 被阅读7次

html()

设置或返回被选元素的内容(innerHTML)
返回内容(返回第一个匹配元素的内容):$(selector).html()
设置内容(重写所有匹配元素的内容):$(selector).html(content)
使用函数设置内容:$(selector).html(function(index,oldcontent))
content:必需。规定被选元素的新内容(可包含 HTML 标签)。
function(index,oldcontent):可选。规定返回被选元素的新内容的函数。
index - 返回集合中元素的 index 位置。
oldcontent - 返回被选元素的当前 HTML 内容。

例子:
$("button").click(function(){
  $("p").html(function(n, oldcontent){
    return "p元素的 index 是:" + n;
  });
});

text()

设置或返回被选元素的文本内容
返回文本内容(返回所有匹配元素的组合的文本内容(会删除 HTML 标记)):$(selector).text()
设置文本内容(重写所有匹配元素的内容):$(selector).text(content)
使用函数设置文本内容:$(selector).text(function(index,currentcontent))
content:必需。规定被选元素的新文本内容( 特殊字符会被编码)。
function(index,oldcontent):可选。规定返回被选元素的新文本内容的函数。
index - 返回集合中元素的 index 位置。
oldcontent - 返回被选元素的当前内容。

相关文章

  • 关于DOM(页面内容)

    html() 设置或返回被选元素的内容(innerHTML)返回内容(返回第一个匹配元素的内容):$(select...

  • 5、DOM

    DOM Document Object Model 功能:用来控制页面中的内容,通过操作对象来控制页面内容。 DO...

  • JS--DOM拓展

    关于DOM的内容实在是太丰富了,前面我们简单的介绍了DOM中关于DOM特性和内容还有DOM节点相关的知识点。其实主...

  • 【前端】-031-DOM编程-样式操作

    CSS DOM概述 通过JavaScript语言,使用DOM对象接口,动态的修改CSS内容,到达对页面样式进行变更...

  • 原生JS-11

    DOM里面常用的方法a) write():将内容写在页面中,格式:document.write(“内容”);b) ...

  • 关于BOM

    BOM定义 (Browser Object Model)浏览器对象模型 与DOM相区别,DOM是与页面的内容,BO...

  • javaScript 基础知识

    JavaScript js能干什么? 数据验证 ajax 动态的获取改变页面内容 增加页面动画效果 操作DOM c...

  • js例子-NodeCRUD

    什么是dom?dom的本质就是将文档中所有的内容封装成对象从这个例子中可以学到如何操作利用dom操作html页面标...

  • 关于 Virtual DOM 和直接 DOM 操作哪个性能更高?

    网上关于 Virtual DOM(下称VDOM) 和 直接操作 DOM 来更新页面谁的性能更高有许多争论。这里就 ...

  • DOM BOM

    DOM简单学习: 功能:控制html文档的内容 获取页面标签(元素)对象:Elementdocument.getE...

网友评论

      本文标题:关于DOM(页面内容)

      本文链接:https://www.haomeiwen.com/subject/fnntbftx.html