首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

在HTML页里调用JS文件修改P标签里的内容,

2012-04-17 
在HTML页里调用JS文件修改P标签里的内容,在线等。页面代码HTML codediv classcopyrightullia hre

在HTML页里调用JS文件修改P标签里的内容,在线等。
页面代码

HTML code
<div class="copyright">     <ul>    <li><a href="ContactUs.htm" class="white">联系我们</a> <span>|</span></li>    <li><a href="about.htm" class="white">关于我们</a> <span>|</span></li>    <li><a href="Joinus.htm" class="white">加入我们</a> <span>|</span></li>    <li><a href="ContactUs.htm" class="white">联系我们</a></li>    </ul>    <p class="white">替换掉这里</p></div>


我要在JS文件里面写个方法替换掉HTML页里的P标签里的文字,求解决方案。

[解决办法]
<p class="white" id='r'>替换掉这里</p>
<script>
function replace(value)
{
document.getElementById('r').innerHTML = value
}
replace('替换后的内容')
</script>
[解决办法]
HTML code
<script type="text/javascript">    document.getElementsByTagName('p').item(0).innerHTML = '你好';</script>
[解决办法]
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script>        function change() {            var a = document.getElementById("white");            a.innerHTML = '你想替换成什么啊?!';        }    </script></head><body><div class="copyright">     <ul>    <li><a href="ContactUs.htm" class="white">联系我们</a> <span>|</span></li>    <li><a href="about.htm" class="white">关于我们</a> <span>|</span></li>    <li><a href="Joinus.htm" class="white">加入我们</a> <span>|</span></li>    <li><a href="ContactUs.htm" class="white">联系我们</a></li>    </ul>    <p id="white">替换掉这里</p></div><input type='button' value='change' id='aa' onclick="change()"/></body></html> 

热点排行