首页 » JavaScript » javascript学习笔记(一)

javascript学习笔记(一)

原文 http://blog.csdn.net/MoreEfforts/article/details/79189037

2018-01-31 02:00:10阅读(286)

1)HTML DOM:文档对象模型
2)节点:
1 元素节点(element node):DOM的原子是元素节点
例如:

<p> <ul> <li>

2 文本节点(text node):元素节点包含的内容
例如:

<p>i love ruby</p>

< p >元素包含的文本”i love ruby”,它是一个文本节点

3属性节点(attribute node)

<p title="great word">don't give up yourself</p>

其中 title为属性节点

3)获取元素
1 document.getElementById(“my”)
返回一个与给定id属性值的元素节点
2 document.getElementsByTagName(“li”)
返回一个对象数组

var iterm = document.getElementsByTagName("p");
for(var i =0;i<iterm.length;i++)
{
console.log(iterm[i]);
}
var len = document.getElementsByTagName("*").length;

3 document.getElementsByClassName(“xxx”)

var num = document.getElementsByClassName("sale").length;

4)获取和设置属性
1 getAtrribute
参数-你打算查询的属性的名字
2 setAttribute
允许我们对属性节点的值作出修改
例:

var paras = document.getElementByTagName("p");
for(var i =0;i<paras.length;i++)
{
    var title_text = paras[i].getAtrribute("title");
    if(title_text)
    {
        paras[i].setAttribute("title","brand new title text");
        alert(paras[i].getAtrribute("title"));
    }
}

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹