html DOM操作

2021-05-14 10:27

阅读:278

标签: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


评论


亲,登录后才可以留言!