Javascript之DOM(Element类型)

访问元素的标签名

<div id="myDiv">text</div>

var div=getElementById("myDiv");

alert(div.tagName); //"DIV",HTML中标签名是大写的

1.HTML元素

略

2.取得特性

var div=document.getElmentById("myDiv");

alert(div.getAttribute("id")); //"MyDiv"

alert(div.getAttribute("class")); //""bd

3.设置特性

var div=document.getElmentById("myDiv");

div.setAttribute("id","someDiv");

div.setAttribute("class","ss");

4.attributes属性

Element类型是使用attributes属性的唯一一个DOM节点类型。attributes属性中包含一个NamedNodeMap的集合。

通过attributes属性，获取、设置、移除元素的特性

var div = document.getElementById("myDiv");

//取得元素特性

alert(div.attributes["id"].nodeValue); //"myDiv"

//设置元素特性

div.attributes["id"].nodeValue = "myDiv2"; //id改为"myDiv2"

//移除元素特性

div.attributes.removeNamedItem("class"); //移除class特性

5.创建元素

使用document.createElement()方法可以创建新元素。

1	`var` `div=document.createElement("div");`

来自为知笔记(Wiz)PromoteWiz=0

转载于:https://www.cnblogs.com/zxj159/archive/2013/06/07/3123628.html

Javascript之DOM(Element类型)相关推荐

html文档中怎么区分节点对象节点类型,JavaScript文档对象模型-Element类型
除了Document类型之外,Element类型是JavaScript编程中最常使用的类型.Element类型常用于表现HTML或XML元素,提供对元素标签名.子节点及特性的访问. Element节点 ...
Javascript之DOM(Document类型)
JavaScript通过document类型表示文档.在浏览器中,document对象是HTMLDocument的一个实例,表示整个HTML页面.document对象是window对象的一个属性. D ...
html dom节点类型,浅谈Javascript中的12种DOM节点类型
前言 DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组 ...
DOM Element节点类型详解
上文中我们讲解了 DOM 中最重要的节点类型之一的 Document 节点类型,本文我们继续深入,谈谈另一个重要的节点类型 Element . 1.概况 Element 类型用于表现 HTML 或 X ...
JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
javascript Element类型
Element节点是Element类型的实例: Element节点的nodeName与tagName属性元素的标签名的大写;nodeValue为null; <!DOCTYPE html> ...
深入理解JavaScript系列（23）：JavaScript与DOM（上）——也适用于新手
文档对象模型Document Object Model DOM(Document Object Model,文档对象模型)是一个通过和JavaScript进行内容交互的API. Javascript和 ...
深入理解DOM节点类型第一篇——12种DOM节点类型概述
前面的话 DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model).它的作用是将网页转为一个javascript对象,从而可以使用javascrip ...
Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念在讲解操作DOM的api之前, ...

Javascript之DOM(Element类型)

Javascript之DOM(Element类型)相关推荐

最新文章

热门文章