取兩個相同元素的值

Question

在控制台中，如果輸入以下命令：

document.querySelectorAll('div.information div.contact div ')[1]

我得到的結果是

<span class="information">
<call>number 1</call>
<call>number 2</call>
</span>

如何獲取call元素的innerHTML？ 我應該使用第nth孩子嗎？ 結果：

number 1

在另一個命令之后

number 2

Answer 1

嘗試這個，

HTML

<span class="information">
  <call>number 1</call>
  <call>number 2</call>
</span>

JavaScript的

var values = [];
var elements = document.getElementsByTagName('call');

for (var i = 0; i < elements.length; i++) {
  values.push(elements[i].innerHTML);
}

/** ["number 1", "number 2"] **/
console.log(values);

例

的jsfiddle

Answer 2

沒有“通話”元素。

在這種情況下， document.getElementsByClassName()可能更合適，但使用ID會更加容易。

 window.onload = function() { var information = document.getElementsByClassName('information')[0] var calls = document.getElementsByClassName('call'); var numbers = []; for (var i = 0; i < calls.length; i++) { numbers.push(calls[i].innerHTML); } for (var i = 0; i < numbers.length; i++) { document.getElementById('numbers').value += numbers[i] + '\\n'; } }

 <span class="information"> <span class="call">number 1</span> <span class="call">number 2</span> </span> <h2>Added so we can see something without looking at the console:</h2> <form name="form" id="form"> <textarea id="numbers"></textarea> </form>

Answer 3

<html>
<head>
    <title>
        Practice
    </title>
</head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var data = document.getElementsByTagName("call");
        for(var i=0;i<data.length;++i)
        {
            var scope = $(data[i]).html();
            console.log(scope);
        }
    });
</script>
<body>
    <span class="information">
        <call>number 1</call>
        <call>number 2</call>
    </span>
</body>

取兩個相同元素的值

問題描述

3 個解決方案

解決方案1
2 2016-01-08 10:56:38

解決方案2
1 2016-01-08 11:20:57

解決方案3
0 2016-01-08 11:02:57

取兩個相同元素的值

問題描述

3 個解決方案

解決方案1 2 2016-01-08 10:56:38

解決方案2 1 2016-01-08 11:20:57

解決方案3 0 2016-01-08 11:02:57

解決方案1
2 2016-01-08 10:56:38

解決方案2
1 2016-01-08 11:20:57

解決方案3
0 2016-01-08 11:02:57