我想有从文本值<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"];
}
这该怎么做？
另外，您还可以在li元素本身传递给你的MyFunction的功能，如下所示：
function myfunction(ctrl) {
var TextInsideLi = ctrl.getElementsByTagName('p')[0].innerHTML;
}
和在HTML， <li onclick="myfunction(this)">
你使用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;
}
HTML：
<ul>
<li onclick="myfunction(this)">
<span></span>
<p>This Text</p>
</li>
</ul>
JavaScript的 ：
function myfunction(foo) {
var elem = foo.getElementsByTagName('p');
var TextInsideLi = elem[0].innerHTML;
}
使用jQuery：
$("li").find("p").html()
应该管用。
如果您使用如。 “ID”，你可以这样来做：
(function() { let x = document.getElementById("idName"); let y = document.getElementById("liName"); y.addEventListener('click', function(e) { y.appendChild(x); }); })(); <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p id="idName">TEXT</p> <ul> <li id="liName"> </li> </ul> </body> <script src="js/scripts/script.js"></script> </html> <!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
