Question

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

请参阅以下代码：

<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”在不同的情况下发生变化。我想跟踪每次...所以我不能硬编码。

你能帮忙吗？

Answer 1

spans没有html中的值

一个是id代码的span

在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);
    }

Answer 2

$(document).ready(function(){

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

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

})

你去哥们这个代码实际上有效吗

Answer 3

尝试使用innerText属性：

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

另见这个小提琴http://fiddle.jshell.net/4g8vb/

Answer 4

没有jQuery的干净方式：

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

这假设每个span只有作为子的值而没有嵌入的HTML。

Answer 5

document.getElementById('one').innerText;
alert(content);

它不打印该值; 但是，如果这样做的话

document.getElementById('one').value;
alert(content);

如何在警告框中显示变量值？

5 个答案: