html DOM操作
2021-05-14 10:27
标签:htm 网页 F12 classname 跳转 文档对象模型 标签 ons www DOM(document object model 文档对象模型) 通过dom获取的元素就一定能修改 一个web页面的展示,是有html标签组合的一个页面,dom对象实际就是将html标签转换成了一个文档对象。可以通过dom对象中js提供的方法,找到html的各个标签。通过找到标签就可以操作标签使页面动起来,让页面动起来。 目的: 在网页中 按F12 .找到console 。在里面输入document,然后回车。document下就代表整个页面。 document.getElementById(‘inner1‘) 通过id精准定位 document.getElementsByClassName("inner")通过class进行定位,不是唯一,可定位多个 在js中定义一个变量用var 去定义一个变量 var el =document.getElementById(‘inner1‘) el.innerText el.innerHtml 1.innerText、innerHtml: 只是打印标签内的文本信息,HTML代码会被省略。innerHtml则全部打印。修改时,通过innnerText只会变为一个字符串,通过innerHtml则可以变为一个标签 el.innerText=‘跳转到百度‘ 传什么进去都是文本展示出来。 el.innerHTML=‘跳转到百度‘ innerHtm会自动去解析符合html标签规则的。 html DOM操作 标签:htm 网页 F12 classname 跳转 文档对象模型 标签 ons www 原文地址:https://www.cnblogs.com/11-pythong/p/11992650.html
操作页面上的任意的一个标签