设置/修改DOM元素内容和属性

设置/修改DOM元素内容

document.write()方法

只能追加到body中

元素innerText属性

将文本内容添加/更新到任意标签位置

文本中包含的标签不会被解析

元素innerHTML属性

将文本内容添加/更新到任意标签位置

文本中包含的标签会被解析

设置/修改元素属性

设置修改元素常用属性

最常见的属性比如src，href，title等

语法：对象.属性=值

设置/修改元素样式属性

1通过style属性操作css

语法：对象.style.样式属性=值

2通过类名(className)操作css

如果修改的样式很多，直接通过style属性修改比较繁琐，我们可以借助css类名形式

把需要修改的全部用类选择器写在style标签里

3通过classList操作css

toggle：当有参数里的那个类时，将它移除，当没有时，将它追加进去

设置/修改表单元素属性

表单很多事也是需要修改属性的，比如点亮眼睛就可以看见密码，本质上是密码框变成了文本框

表单属性中添加就有效果，移除就没有效果，一律使用布尔值表示如果为 true 代表添加了该属性如果是 false 代表移除了该属性

比如： disabled 禁用按钮、 checked勾选复选框、 selected勾选列表

设置/修改DOM元素内容和属性相关推荐

JavaScript 教程「9」：DOM 元素获取、属性修改
什么是 Web API Web API 是指网页服务器或者网页浏览器的应用程序接口.简单来讲,就是我们在编写 JavaScript 代码时,可以通过 Web API 来操作 HTML 网页和浏览器. ...
遍历DOM元素的children属性遇到的坑
问题的引出关于DOM元素的children属性,以前我只在意它和childNodes属性的区别:即children属性只会返回子元素节点集合,而childNodes返回的就不止元素节点,还有文本节点 ...
0201 设置/修改元素内容和属性
document.write()方法文本内容追加到</body>前面的位置文本中标签会被解析 <script>document.write('hello world')do ...
APIS——获取dom对象、操作元素内容和属性、间歇函数
APIS 变量声明 Web API基本认知作用和分类 DOM DOM树 DOM对象获取DOM对象根据CSS选择器来获取DOM元素(重点) 其它获取DOM元素方法(了解) 操作元素内容操作元素属 ...
JS中修改元素内容，属性，样式的方法【详解】
改变元素内容的方法: .innerHTML=内容(可识别标签) .innerText=内容(只识别文本) 如果把属性作为集合,那么样式就是这个集合 ...
vue 获取当前元素的父元素_vue获取dom元素内容
通过ref来获取dom元素在vue官网上对ref的解释 ref 被用来给元素或子组件注册引用信息.引用信息将会注册在父组件的 $refs 对象上.如果在普通的 DOM 元素上使用,引用指向的就是 D ...
python解析xml读取指定属性_python批量修改xml某些内容和属性
在训练时,有时候需要将jpg格式转换为png格式,顺便也要把jpg标注的xml文件转换为png的xml文件.例如,需要把xml文件中的图像后缀名".jpg"批量去掉,这时候就需要批 ...
selenium自动化测试中js修改页面元素的readonly属性
from time import sleepfrom selenium import webdriver from selenium.webdriver import Keys from seleni ...
不要动态修改 DOM 里面的 id 属性
我不知道是否有什么标准规定不允许修改id属性,或者不建议修改id属性,总之IE对此支持不佳.在IE当中,修改id属性对将来的DOM操作没什么不符合标准的影响,你仍然可以通过document.getEl ...

设置/修改DOM元素内容和属性

设置/修改DOM元素内容和属性相关推荐

最新文章

热门文章