JS获取DOM元素的方法:

document.getElementById('id');                  通过ID获取
document.getElementsByName('name');             通过name属性
document.getElementsByTagName('div');           通过标签名
document.getElementsByClassName('classname');   通过类名
document.querySelector('.animated');            通过选择器获取一个元素
document.querySelectorAll('.animated');         通过选择器获取一组元素
document.documentElement                        获取html的方法document.documentElement是专门获取html这个标签的
document.body                                   获取body的方法document.body是专门获取body这个标签的。   

• 所有获取DOM对象的方法中，只有getElementById()和querySelector()这两个方法直接返回的DOM对象本身，可直接为其绑定事件。
• getElementXXX类型的方法，除了通过Id获取元素，其他都返回一个集合，如果需要取到具体的DOM元素，需要加索引，如：document.getElementsByClassName(“box”)[0] =>获取class为box的所有元素中的第一个DOM元素。

querySelector()与querySelectorAll()两者的联系与区别：

• 联系： 两者括号中的取值都是选择器
• 区别： 当有多个class相同的元素时，使用querySelector()方法只能获取到第一个class为box的元素，而querySelectorAll()获取到了所有class为box的元素集合。

原生javascript方法：

var a = document.getElementById(“dom”);	通过id获取到该节点
del_space(a);	清理空格
var b = a.childNodes;	获取a的全部子节点；
var c = a.parentNode;	获取a的父节点；
var d = a.nextSibling;	获取a的下一个兄弟节点
var e = a.previousSibling;	获取a的上一个兄弟节点
var f = a.firstChild;	获取a的第一个子节点
var g = a.lastChild;	获取a的最后一个子节点

jQuery方法：

jQuery.parent(expr) ;	找父元素
jQuery.parents(expr) ;	找到所有祖先元素，不限于父元素
jQuery.children(expr) ;	查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙
jQuery.contents() ;	查找下面的所有内容，包括节点和文本.
jQuery.prev() ;	查找上一个兄弟节点，不是所有的兄弟节点
jQuery.prevAll() ;	查找所有之前的兄弟节点
jQuery.next() ;	查找下一个兄弟节点，不是所有的兄弟节
jQuery.nextAll() ;	查找所有之后的兄弟节点
jQuery.siblings() ;	查找兄弟节点，不分前后
jQuery.find(expr); $ (“p”).find(“span”)是从元素开始找,等于$(“p span”)	跟jQuery.filter(expr)完全不一样而jQuery.find()的返回结果，不会有初始集中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，
jQuery.filter(expr);	是从初始的jQuery对象集合中筛选出一部分

内容和属性值

js获取text、html、属性值、value的方法

document.getElementById("test").innerText；
document.getElementById("test").innerHTML；
document.getElementById("test").id；
document.getElementById("test1").value;

jQuery获取text、html、属性值、value的方法

$("#test").text()或者$("#test").innerText
$("#test").html()或者$("#test").innerHTML
$("#test").attr("id")
$("#test").attr("value")或者$("#test1").val()或者$("#test1").value

结果对比

html:

    <p id="test">这是段落中的 <b>粗体</b> 文本。</p>

js:

js与jQuery，text与innerText获取

  $("#btn10").click(function(){
    alert("Text: " + $("#test").text());  
    <!--结果   Text: 这是段落中的 粗体 文本。-->
  });
    $("#btn11").click(function(){
    alert("Text: " + $("#test").innerText); 
     <!--结果   Text: undefined。-->
  });
    $("#btn12").click(function(){
    alert("Text: " + document.getElementById("test").innerTEXT);  
     <!--结果   Text: test-->
    });

js与jQuery，html与innerHTML获取

    $("#btn20").click(function(){
    alert("HTML: " + $("#test").html());  
    <!--结果   HTML: 这是段落中的 <b>粗体</b> 文本。 -->
  });
  $("#btn21").click(function(){
    alert("HTML: " + $("#test").innerHTML); 
     <!--结果   HTML: undefined -->
  });
     $("#btn22").click(function(){
    alert("HTML: " + document.getElementById("test").innerHTML); 
     <!--结果  HTML: 这是段落中的 <b>粗体</b> 文本。 -->
  });

js与jQuery，属性值获取

     $("#btn30").click(function(){
    alert("id: " + document.getElementById("test").id);  
    <!--结果   id: test -->
  });
    $("#btn31").click(function(){
    alert("id: " + $("#test").attr("id"));  
    <!--结果   id: test -->    
  });

html:

   <input id='test1' value='aaa' class='test'>

js与jQuery，value获取

      $("#btn40").click(function(){
    alert("value: " + document.getElementById("test1").value);  
    <!--结果   value: aaa -->
  });
    $("#btn41").click(function(){
    alert("value: " + $("#test1").val());  
    <!--结果   value: aaa --> 
    val()只能用于input元素的value值获取
  });
    $("#btn42").click(function(){
    alert("value: " + $("#test1").attr("value"));  
    <!--结果  value: aaa -->
  });

python获取xml文件方法集合

引入模块处理xml文件
from xml.dom.minidom import parse
打开xml文档，
DOMTree = xml.dom.minidom.parse(data_path)
根据xml文档，得到文档元素的对象
data = DOMTree.documentElement
获取节点列表
nodelist = data.getElementsByTagName(大类名称)
获取第一个节点的子节点列表
childlist = nodelist[0].childNodes
获取XML节点属性值
node.getAttribute(AttributeName)
获取XML节点对象集合
node.getElementsByTagName(TagName)
返回子节点列表
node.childNodes
获取XML节点值
node.childNodes[index].nodeValue
访问第一个节点
node.firstChild ,等价于pagexml.childNodes[0]
访问元素属性 例如：
Node.attributes[“id”]
a.name #就是上面的 “id”
a.value #属性的值
以下为具体的demo内容：
方法调用
text = get_data_vaule(‘account’,‘type’,‘createText’,‘text’)
print text
#结果
test data
xml文件

<?xml version="1.0" encoding="UTF-8"?> test data 11111@qq.com 11111111 下面方法相对应取数据的格式，# style = xml中的大类 ; typename = 细分属性; typevalue = 细分属性的值; valuename = xml文件，需要获取的值的tag;

如果需要获取相对应的上面XML文件中

“test data”的值，那么style = data ; typename = type; typevalue = createText; valuename = text “11111@qq.com”的值，那么style = data ; typename = type; typevalue = email; valuename = username

方法文件

import unittest
import os
import time
from xml.dom.minidom import parse
import xml.dom.minidom
#获取xml文件地址
path = os.path.abspath(’.’)
data_path = os.path.join(path,‘features/data/data.xml’) #获取xml文件地址
DOMTree = xml.dom.minidom.parse(data_path)
data = DOMTree.documentElement
def get_attrvalue(node, attrname):
return node.getAttribute(attrname)
style = xml中的大类 ; typename = 细分属性; typevalue = 细分属性的值; valuename = xml文件，需要获取的值的tag;
def get_data_vaule(style, typename, typevalue, valuename):
nodelist = data.getElementsByTagName(style)
for node in nodelist:
if typevalue == node.getAttribute(typename):
node_name = node.getElementsByTagName(valuename)
value = node_name[0].childNodes[0].nodeValue
print value
return value
return

---

0.前言

  上一章讲了如何获取获取标签(元素)节点，这一节来和大家说一下如何获取属性节点。
我还是用代码来讲解：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取属性节点</title>
</head>
<body>
    <input type="text"  id="in" placeholder="请留下你的大名！" my="我的">

    <script type="text/javascript">
        var jsInput = document.getElementById("in");
    </script>
</body>
</html>

效果：

注意：无论获取什么节点，首先要获取标签结节点，只有获取到标签节点，才能进行属性、文本节点的获取，切记，切记。

1.获取属性节点

第一种方法：获取官方定义的属性节点(获取元素的对应属性值)。
格式：元素节点 . 属性名。
注意：不能获取自定义属性的值。
代码如下：

console.log(jsInput.placeholder);
alert("是时候展现真正的技术");

效果：

设置属性节点的值
公式：元素节点 . 属性名 = 新的属性值
代码如下：

//设置元素对应属性的值
        //元素节点.属性名 = 新的属性值
        jsInput.placeholder = "sunck good";

效果：

第二种方法
公式：元素节点 . getAttribute(属性名);
注意：还可以获取自定义属性的值。
代码：

console.log(jsInput.getAttribute("my"));

效果：

设置自定属性的值
公式：元素节点 . setAttribute(属性名, 新属性值);
注意：当属性不存在时，变为添加属性
代码：

//设置
        //元素节点.setAttribute(属性名, 新属性值);
        jsInput.setAttribute("my", "sunck");
        //注意：当属性不存在时，变为添加属性
        jsInput.setAttribute("other", "sunck");

效果：

2.删除属性节点

公式：元素节点.removeAttribute(属性名);
注意：某些低版本浏览器不支持
代码：

jsInput.removeAttribute("other");
console.log(jsInput);

效果：

---

3.总结

  好了今天就到这，下节和大家分享获取文本节点，谢谢打赏！！！！