<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document
</title>
</head>
<body>
<ul>
<li>我要换色
<button onclick="aa(this)">点我点我
</button>
</li>
</ul>
</body>
<script>
var aaa=true;
function aa(w) {
aaa?w.parentNode.style.color = 'red':w.parentNode.style.color = 'blue';
aaa=!aaa;
}
</script>
</html>``
运用三目运算目来进行判断，通过添加变量来切换点击实现的效果。
在JS 中parentNode 属性可返回某节点的父节点。
如果指定的节点没有父节点则返回 null 。
由于在调用函数的时候是this 参数是w，所以w是指当前的节点。
转载请注明原文地址: https://www.6miu.com/read-37064.html
