在网站制作过程中，javascript一个最常见的功能就是对DOM对象的操作，那么常见的操作方法有哪些呢？具体的语法该如何写？巩义网站培训公司-巩义全栈网络为大家详细讲解下。
网页中的DOM对象指的是javascript作用与网页的对象，我们也可以理解为JS操作的对象其实就是网页中的元素以及节点，它们通常包括网页元素的查找，元素的属性操作，元素的创建删除等等，下面我们具体来了解一下：
1.javascript获取网页元素的name/类名/id等等，通常的写法自定义变量进行赋值：
var 变量名=document.getElementsByName("name的值")；
var 变量名=document.getElementsByTagName("p")[2];
2.javascript获取网页节点中的元素属性，规则为先获取元素，再获取元素的属性：
var 变量元素名=document.getElementById（“元素的id”）；
var 变量名=变量元素名.getAttribute（“title/href”）；
3.javascript通过节点获取网页元素并对其进行元素属性设置，写法为先获取元素-再设置属性-最后获取该属性：
var 变量名=document.getElementById("元素的id")；
变量名.setAttribute（“要改变的属性/href”，“改变之后的属性/www.***.com”）;
var 新变量名=变量名.getAttribute（“href”）；
4.访问网站页面中的元素节点中的子节点和父节点：
var 变量名=document.getElementsByTagName("ul")[0].childNode;
var 变量名=document.getElementsByTagName("li")[0].parentNode;
5.访问一个新的元素节点，即在网站页面中新增加一个元素，写法顺序为创建body变量-创建元素变量-添加元素属性-查如今网页：
var body=document.body；
var 要创建的元素的名字=document.creatElement（“创建的元素/p/a/button/input”）；
要创建的元素的名字.type=“要设置的属性/submit”；
要创建的元素的名字.value=“添加的提交按钮”；
body.appendChild（input）；
6.插入节点到某个位置，写法顺序为获取要插入的元素位置-插入元素进行编写-进行插入:
var 位置变量1=document.getElementById（“id”）；
var 插入的位置=document.getElementById（“id2”）；
var 创建变量=document.creatElement（“插入的元素类型/h1/a”）；
创建的变量.innerHTML=“这是我插入的元素”；
位置变量1.insertBefore（创建的变量，变量要插入的位置）；
7.删除元素节点：
var 元素的位置变量=document.getElementById（“id”）；
var 删除的变量=元素的位置变量.removeChild（元素的位置变量.children[0]）;
8.通过函数获取网页的尺寸：
var width=document.body.offsetWidth；
var height=document.body.offsetHeight；
以上内容就是关于网站培训中或者网站制作中需要了解的javascript对网页元素的常见操作。本文由巩义网站制作-巩义全栈网络工作室提供，我们不但提供最方面的网站服务，还提供包括所有网站系列培训课程服务。
本文关键词： 未经允许不得转载：郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络
