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>