Question

我试图将段落中的文本分配给JavaScript中的var，然后使用按钮更改它，但它似乎不会这样做。在我的index.php文件中有什么内容：

<button type="button">click</button>
<p class="result" id="number">default</p>
<button onclick="showPtag()">Show</button>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        $.ajax({
            url: 'math.php',
            success: function(data) {
                $('#number').html(data);
            }
        });
     });
});

var par = document.getElementById('number').innerHTML;
function showPtag()
{
   alert(par);
}
</script>

这是在math.php：

<?php 
 $var = 10;
 $var2 = 10;
 echo $var * $var2;
?>

它的作用是在页面加载时显示“默认”的段落标记，当您单击按钮时，它会更改文本以说明数学是什么，在这种情况下它将更改为100，当单击“显示”按钮会显示警报。当文本显示为100时，我试图提醒说100，但无论它总是说“默认”，即使文本是100.是否有任何可能的修复/解决方法？

Answer 1

变化

var par = document.getElementById('number').innerHTML;
function showPtag()
{
    alert(par);
}

到

function showPtag(){
    alert($('#number').html());
}

Answer 2

在你的情况下

var par = document.getElementById('number').innerHTML;

在页面加载时读取

，因此它始终为＆＃34;默认＆＃34;无论。您需要将其放入函数中以提醒实际值：

function showPtag(){
    // assign the value that your result has now
    var par = document.getElementById('number').innerHTML;
    alert(par);
}

如何在段落元素中拉取文本？

2 个答案: