js_DOM模型

你的名字 2022-05-19 05:57 296阅读 0赞

<div id="content">
    			<h1> vfvfcdh11 <span>cdssd</span></h1>
    		</div>
    
    		<h1> vfvfcdaashh22 <span>cdasssd</span></h1>
    
    		<input type="text" name="username" />
    		<br>
    		<input type="text" name="username" />
    		<br>
    		<input type="text" name="username" />
    		<br>
    
    		<input type="text" id="password"/>
    		<br>
    
    		<input type="button" value="test01" onclick="test01()"/>
    		<br>
    		<input type="button" value="test02" onclick="test02()"/>
    		<br>
    		<input type="button" value="test03" onclick="test03()"/>
    		<br>
    		<input type="button" value="test04" onclick="test04()"/>
    		<br>

注意:(1).document获取节点有3种方法,getElementsByName,getElementsByTagName，getElementId，前两个获取到的是数组。

（2）.想获取父节点，可以使用parentNode

（3）.nodeType是节点类型，1代表一个元素，3代表一个元素的文本内容，想获取一个元素里面的文本内容，需要指明子节点（firstChild），然后用nodeValue获取，不可以用innerHTML获取，innerHTML只能用在元素节点上，不能用在元素节点里面的文本内容。