027引用同级的元素

来源:互联网 发布:手机淘宝订单生成器 编辑:程序博客网 时间:2024/05/17 02:01
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>引用同级的元素</title><script>//获取同级按钮的valuefunction getLevelBtnVal(btn) {var p = btn.parentNode; //通过单击按钮获取它的父节点var children = p.childNodes; //得到父节点的所有子节点//遍历子节点for(var i = 0; i < children.length; i++) {//判断不是当前节点,却是同类节点的节点if(children[i] != btn && children[i].nodeType == btn.nodeType) {alert(children[i].value); //提示对方的value值}}}</script></head><body style="text-align: center;"><p><!--定义按钮--><input type="button" value="获取同级按钮的value" onclick="getLevelBtnVal(this);" /><input type="button" value="获取同级按钮的value2" onclick="getLevelBtnVal(this);" /></p></body></html>

0 0
原创粉丝点击