Question

我有2个php页面

home.php
about.php

我有1个Javascript页面，我在home.php中调用了javascript。

我想在about.php中访问p标记的值。

home.php

<!DOCTYPE html>
<html>
<body>
    <input type="submit" onclick='myfunction()'>
</body>
</html>

的javascript

<script>

function myfunction()
{

}

</script>

about.php

<!DOCTYPE html>
<html>
<head lang="en">
</head>
<body>
    <p id='demo'>i want to access this value in javascript function</p>.
</body>
</html>

Answer 1

你可能想要纯粹的javascript中的东西，如：

<script>
  document.getElementById('demo').innerHTML='change the p tag value';
</script>

Answer 2

var pTag = document.getElementById('demo').innerHTML;

变量pTag现在将保存＆＃34; demo＆＃34;的值（文本）。标签，随时为你做你想做的事。

修改

使用Javascript，在更改

标记的内容时设置隐藏表单字段的值。然后使用php传递值，如下所示......

home.php：

<form action="about.php"> <input type="hidden" name="demo" id="demo" /> <p id="pDemo"> </p> <button type="submit"></button> </form>

然后在about.php：

<p id='demo'> <?php $demo= $_GET['demo']; //use your variable "demo' ?> </p>

此链接应该有帮助，code。

Answer 3

function myfunction(){   
  var val= document.getElementById('demo').textContent;
  alert(val);
}

FIDDLE

Answer 4

您可以使用ajax，也可以使用jquery的加载。

<script>

$(document).ready(function() {
    $("#bAdd").load("about.php",function(response,status,xhr){// use if less data to load

        var pTag = document.getElementById('demo').innerHTML;
        alert(pTag);
    });

    });


</script>

    <input type="hidden" id="bAdd"  value="">

如何使用Javascript访问HTML p标记的内容

4 个答案: