DOM节点的获取

通过id获取节点·【返回具体某个节点】

 document.getElementById(ID名)

通过标签名获取节点【返回节点数组，即使只有一个】

document.getElementsByTagName(标签名)

通过标签的name值获取节点【返回节点数组】

document.getElementsByName (Name名)通过class值来获取节点【返回节点数组】

通过class值获取节点【返回节点数组】

document.getElementsByClassName(Class名)

根据选择器返回找到结果集中的第一个

document.querySelect("选择器")

根据选择器返回找到的结果集，是个节点数组

document.querySelectAll("选择器")

创建DOM节点

创建元素节点

document.createElement('标签名’)

创建文本节点

document.createTextNode('文本内容')

创建属性节点

document.createAttribute('属性名')

为属性设置值

属性节点名.value ="属性值"

关联以上三个节点

元素节点名.appendChild(文本节点名);       //在元素节点上添加文本节点
元素节点名.setAttributeNode(属性节点名);   //在元素节点上添加属性节点
document.body.appendChild(元素节点名);   //将创建的节点添加到文档中

简洁写法:

var oDiv = document.createElement('div');  //创建元素节点
oDiv.setAttribute('class','wrapper box');  //为元素节点添加属性及属性值
oDiv.innerHTML ='创建DOM元素的简洁写法';      //为元素节点设置文本内容document.body.appendChild(oDiv);            /将创建的元素节点添加到文档中

DOM节点的获取及创建相关推荐

获取DOM节点的几种方式
DOM 是一个树形结构,操作一个DOM节点,实际上就是这几个操作:更新.删除.添加.遍历在操作DOM节点之前,需要通过各种方式先拿到这个DOM节点,常用的方法有: 一.通过元素类型的方法来操作: d ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
DOM节点创建（jQuery）
1DOM创建节点及节点属性通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况: ...
java document创建节点_javasript 的DOM 节点操作：创建，插入，删除，复制以及查找节点...
DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准.其赋予了JS 操作节点的能力,当网页被加载时,浏 ...
js的DOM节点操作：创建，插入，删除，复制，查找节点
DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,是W3C出台的推荐标准.其赋予了JS操作节点的能力.当网页被加载时,浏览器就会创建页面的 ...
【JavaScript】DOM节点-创建、插入、删除、替换、克隆节点
文章目录 DOM节点创建节点 1. 创建元素节点 2. 创建文本节点插入节点 1. appendChild() 2. insertBefore() 删除节点 1. removeChilde() 2 ...
js第7章DOM案例：获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性
目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...
【DOM编程艺术】动态创建标记（签）---创建和插入节点
window.οnlοad=function(){var para=document.createElement('p');var info= 'nodeName:';info += para.nod ...
前端框架——Jquery——基础篇2__获取DOM节点的值
对于获取DOM节点的内容,Jquery提供了四种方法,html,text,val,attr.下面来分别介绍这四种方法和它们的区别.下面以例子来说明我写的JSP页面内容如下: 1 <div id ...

DOM节点的获取及创建

DOM节点的获取

通过id获取节点·【返回具体某个节点】

通过标签名获取节点【返回节点数组，即使只有一个】

通过标签的name值获取节点【返回节点数组】

通过class值获取节点【返回节点数组】

根据选择器返回找到结果集中的第一个

根据选择器返回找到的结果集，是个节点数组

创建DOM节点

创建元素节点

创建文本节点

创建属性节点

为属性设置值

关联以上三个节点

简洁写法:

DOM节点的获取及创建相关推荐

最新文章

热门文章