您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“JS中的parentElement怎么用”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“JS中的parentElement怎么用”這篇文章吧。
parentElement匹配的是parent為element的情況,而parentNode匹配的則是parent為node的情況。element是包含在node里的,它的nodeType是1。
JS中的parentElement的用法
<html>
<head></head>
<body>
<form name="a">
<table name="b">
<tr name="c" >
<td name="d" >
<select name="e" οnchange="xx(this.parentElement.parentElement.parentElement.name)">
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
</select>
</td>
<td> </td>
</tr>
<tr> </tr>
</table>
</form>
</body>
<script language="javascript">
function xx(a)
{
alert(a);
}
</script>
</html>
//輸出undefined 為什么了? 不是應該輸出b么?
改成this.parentElement.parentElement.parentElement.parentElement.name 正確輸出
其實代碼應該這樣理解
<table>
<tbody>
<tr>
<td>
</td>
</tr>
Js中parentNode,parentElement之間的區別
parentNode和parentElement功能一樣,childNodes和children功能一樣。但是parentNode和childNodes是符合W3C標準的,可以說比較通用。而另外兩個只是IE支持,不是標準,Firefox就不支持。
以上是“JS中的parentElement怎么用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。