在javascript中獲取元素子元素的值

Question

我想要獲得元素子元素的值。 這是元素：

<li id="1" style="display:normal">
    <h2 id="label_lg">Temp Set (º<span class="degsign">C</span>)</h2>
    <p id="ihi" style="color:teal;font-size:3vw;">--</p>
</li>

我希望得到<p></p> ，如果可能的話在javascript中。 我試過用

document.getElementById(1).childNodes[1].nodeValue;

和

var o = document.getElementById(i).children
o[1].nodeValue

沒有任何效果，警報始終返回null 。

Answer 1

既然你已經指定了jQuery：

$('#1 p').text();

就如此容易。

Answer 2

嘗試：

var pString = document.getElementById("ihi").value;

並改變價值：

pString.innerHTML = "Your string"

Answer 3

用JS

 alert(document.getElementById('ihi').innerHTML) 

 <li id="1" style="display:normal"> <h2 id="label_lg">Temp Set (º<span class="degsign">C</span>)</h2> <p id="ihi" style="color:teal;font-size:3vw;">--</p> </li> 

與JQUERY：

 alert($('#ihi').html()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <li id="1" style="display:normal"> <h2 id="label_lg">Temp Set (º<span class="degsign">C</span>)</h2> <p id="ihi" style="color:teal;font-size:3vw;">--</p> </li> 

Answer 4

您可以使用以下內容：

innerText || 的textContent

這些將為您提供元素的文本。 如果嵌套元素（如p的small標記），您將獲得所有文本。

的innerHTML

這將返回元素的HTML。 如果您有嵌套元素，它將不返回文本，而是返回該元素的原始html。 但是如果元素沒有子元素，那么輸出將是相同的。

 (function() { var parent = document.getElementById('1'); var _innerText = parent.innerText; var _innerHTML = parent.innerHTML; var _textContent = parent.textContent; console.log(_innerText, _innerHTML, _textContent) })() 

 <li id="1" style="display:normal"> <h2 id="label_lg">Temp Set (º<span class="degsign">C</span>)</h2> <p id="ihi" style="color:teal;font-size:3vw;">--</p> </li> 

Answer 5

您可以使用innerText屬性：

alert(document.getElementById(1).childNodes[1].innerText);
// Alerts "--"

如果你想使用jQuery ：

alert($("1").child("#ihi").html())