如何获取特定html代码中的一段文字_随笔

window.onload = function(){

var doms = document.querySelectorAll(".q")

for(var i=0i<doms.lengthi++){

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就能获取到前面的内容

jQuery可以通过text和html方法获取指定标签的文本内容或者html内容

<!DOCTYPE html>

<html>

<head>

</script>

$(document).ready(function(){

$("#btn1").click(function(){

alert("Text: " + $("#test").text())

})

$("#btn2").click(function(){

alert("HTML: " + $("#test").html())

})

</script>

</head>

<body>

<p id="test">This is some <b>bold</b>text in a paragraph.</p>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何获取特定html代码中的一段文字