js dom操作

职场菜白

已于 2022-07-01 09:24:53 修改

阅读量231

点赞数

文章标签： javascript

于 2022-06-30 18:10:36 首次发布

本文链接：https://blog.csdn.net/qq_31338839/article/details/125533923

版权

1.获取html元素

(1)value -- 获取或设置表单元素的value值(文本输入框的内容或按钮上的文本)
(2)innerText -- 获取或设置元素的文本内容(仅仅是文本),部分浏览器不兼容(比如: 火狐浏览器) (不推荐使用innerText该对象属性)
(3)innerHTML -- 获取后设置元素的html内容(从开始标签到结束标签中的所有内容) (推荐使用innerHTML该对象属性)

document.getElementById(id)
document.getElementsByName(name);
document.getElementsByTagName(tagName);
div.getElementsByTagName("span");

2.增删改html元素

(1)创建新元素
   document.createElement(tagName)
(2)添加子元素
   parent.appendChild(child);
(3)删除子元素
   parent.removeChild(child);
(4)替换子元素
   parent.replaceChild(new, child);
(5)插入子元素
   parent.insertBefore(new, child);
(6)克隆/复制元素
   obj.cloneNode(boolean); 默认值为false, 表示仅克隆元素本身, 不包含元素内容, true则表示克隆元素本身及元素内容