如何使用JavaScript单击另一个页面div值更改？

Question

我有两页page1.php，page2.php和一个JS文件Control.js。

在page1.php

中

HTML：

<img src="images/b.jpg" width="31" height="26" id="imgClick1" onClick="return changeImage1(this)" >

在Control.js

中

function changeImage1() {

document.getElementById("imgClick1").src = "images/b.jpg";
document.getElementById('num1').style.color = "#fff";
document.getElementById("text1").innerHTML = "Hello friend";
        }

在page2.php

中

<div id="text1">
Hello world
</div> 

所以使用JavaScript我正在尝试编写＆＃34;你好朋友＆＃34;在div＆＃34; text1＆＃34;页面page2.php当我点击图片或page1.php的div。

1. 有没有办法用JS来解决这个问题？

2. 我们可以在程序中使用document.getElementById("text1").innerHTML之类的东西吗？

Answer 1

我建议您使用php的include功能（假设您绝对希望将text1 div保留在单独的页面上），就像在page1.php文件中一样：< / p>

include('page2.php');

确保当您这样做时，page1.php和page2.php位于同一文件夹中，否则您可以像这样定义一条路径：

include('/path/to/page2.php');