10

我想在警报框中显示变量值。

请看下面的代码：

<script>
    function check() {
        var content = document.getElementById("one").value;
        alert(content);
    }
</script>
<body onload="check()">
    <div style="position: absolute; z-index: 9; width: 450px; top: 38px; margin-left: 176px;">
        <style>
            div#layout {
                margin:0px;
                padding:px;
                width:450px;
                margin:0px auto;
                overflow:hidden;
            }
        </style>
        <div id="layout">
             <span id="one" style="display:none" ph="layout1" class="ione">yes</span>    
             <span id="two" style="display:none" ph="layout1" class="ione">no</span>    
        </div>
    </div>
</body>

当我执行此代码时，它在警报框中显示为未定义的值。span id“one”中的值在不同的情况下会发生变化。我想每次都跟踪...所以我不能对其进行硬编码。

你能帮忙吗？

4

5 回答 5

8

跨度在 html 中没有值

一个是idforspan标签

在 javascript 中使用

document.getElementById('one').innerText;

在 jQuery 中使用

$('#one').text()

function check() {
    var content = document.getElementById("one").innerText;
    alert(content);
}

或者

function check() {
        var content = $('#one').text();
        alert(content);
    }
于 2013-05-18T11:09:20.570 回答
4 
$(document).ready(function(){

//    alert("test");
$("#name").click(function(){
var content = document.getElementById("ghufran").innerHTML ;
   alert(content);
  });

 //var content = $('#one').text();

})

哥们，你去吧，这段代码确实有效

于 2014-11-19T11:44:23.700 回答
1 
document.getElementById('one').innerText;
alert(content);

它不打印值；但是，如果这样做

document.getElementById('one').value;
alert(content);
于 2015-04-07T11:48:44.443 回答
1

Try innerText property:

var content = document.getElementById("one").innerText;
alert(content);

See also this fiddle http://fiddle.jshell.net/4g8vb/

于 2013-05-18T11:12:14.733 回答
1

没有 jQuery 的干净方式：

function check(some_id) {
    var content = document.getElementById(some_id).childNodes[0].nodeValue;
    alert(content);
}

这是假设每个跨度只有作为子元素的值，没有嵌入的 HTML。

于 2013-05-18T11:14:03.840 回答