js找對象

時間 2019-11-24

標籤找對象欄目 JavaScript 简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">html

<html xmlns="http://www.w3.org/1999/xhtml">ui

<head>spa

<title>找對象的方式</title>xml

</head>ip

<body>utf-8

<div id="header">get

<p>p1</p>input

</div>

<div>

llllll

</div>

</body>

// 經過id查找，返回"對象

console.log(document.getElementById("header"));

// 經過標籤來查找對象,返回的是"對象的集合

ps=document.getElementsByTagName('p');

ps[1].style.background="blue";

// 對於表單元素能夠用name進行查找,返回是對象集

alert(document.getElementsByName("input")[0].value);

document.getElementsByName("input")[0].value="lucy";

// 按照類名來查找,返回對象集

document.getElementsByClassName("test")[0].style.background="gray";

// 找子節點

document.getElementById("header").childNodes().children.length;

//children屬性兼容性好，不包含空白節點

//找父節點

document.getElementsByTagName('p')[2].parentNode.style.border="1px solid green";

</script>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。