我希望从元素<p>内部 获取文本值 <li>.
HTML:
<ul>
<li onclick="myfunction()">
<span></span>
<p>This Text</p>
</li>
</ul>
javascript:
function myfunction() {
var TextInsideLi = [the result of this has to be the text inside the paragraph"];
}
这该怎么做？
jay*_* c. 41
或者,您也可以将li元素本身传递给myfunction函数,如下所示:
function myfunction(ctrl) {
var TextInsideLi = ctrl.getElementsByTagName('p')[0].innerHTML;
}
在你的HTML中, <li onclick="myfunction(this)">
cas*_*raf 11
你使用jQuery吗？一个很好的选择
text = $('p').text();
试试这个:
<li onclick="myfunction(this)">
function myfunction(li) {
var TextInsideLi = li.getElementsByTagName('p')[0].innerHTML;
}
将您的HTML更改为以下内容:
<ul>
<li onclick="myfunction()">
<span></span>
<p id="myParagraph">This Text</p>
</li>
</ul>
然后您可以使用以下函数获取段落的内容:
function getContent() {
return document.getElementById("myParagraph").innerHTML;
}
小智 5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Where to JavaScript</title>
<!-- JavaScript in head tag-->
<script>
function changeHtmlContent() {
var content = document.getElementById('content').textContent;
alert(content);
}
</script>
</head>
<body>
<h4 id="content">Welcome to JavaScript!</h4>
<button onclick="changeHtmlContent()">Change the content</button>
</body>
在这里，我们可以h4通过使用获取文本内容：
document.getElementById('content').textContent
| 归档时间： |
|
| 查看次数： |
124279 次 |
| 最近记录： |