如何获取特定html代码中的一段文字
<div>abcabc:<a>按钮1</a><inputtype="number"><br/>defdef:<a>按钮2</a><inputtype="number"><...
<div>
abcabc:<a>按钮1</a><input type="number"><br />
defdef:<a>按钮2</a><input type="number"><br />
</div>
如上述代码所示,求问如何写一个方法,能使得点击a标签时获取该标签所在那一行最开始的一段文字内容? 展开
abcabc:<a>按钮1</a><input type="number"><br />
defdef:<a>按钮2</a><input type="number"><br />
</div>
如上述代码所示,求问如何写一个方法,能使得点击a标签时获取该标签所在那一行最开始的一段文字内容? 展开
2个回答
展开全部
window.onload = function(){
var doms = document.querySelectorAll(".q");
for(var i=0;i<doms.length;i++){
doms[i].onclick = function(){
var text = this.previousSibling;
alert(text.nodeValue);
}
}
console.log(document.getElementById("test"));
}
<div>
abcabc:<a class="q">按钮1</a><input type="number"><br />
defdef:<a class="q">按钮2</a><input type="number"><br />
</div>
你需要先给a标签添加一个class,表示只有当点击到这类型的标签才会被触发事件,然后你需要通过previousSibling就能获取到前面的内容
2018-02-26
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script>
onload=function(){
var as=document.querySelectorAll("a");
for(var i=0;i<as.length;i++){
as[i].onclick=function(){
alert(this.previousSibling.nodeValue);
}
}
}
</script>
</head>
<body>
<div>
abcabc:<a>按钮1</a><input type="number"><br />
defdef:<a>按钮2</a><input type="number"><br />
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询