为了账号安全,请及时绑定邮箱和手机立即绑定

document.write()覆盖HTML内容问题 怎么解决?各位大佬

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>document.write()覆盖HTML内容问题</title>

<script type="text/javascript">

function my()

{

 var myarr=new Array(); //定义数组

 myarr[0]=80; 

 myarr[1]=60;

 myarr[2]=99;

 document.write("第一个人的成绩是:"+myarr[0]+"<br>");

 document.write("第二个人的成绩是:"+myarr[1]+"<br>");

 document.write("第三个人的成绩是:"+myarr[2]);

}

</script>

<p>这是内容,会被覆盖,怎么办</p>

<input type="button" onClick="my()" value="点击">

</head>

<body>

 </html>


正在回答

10 回答

给p标签加个ID名字,如<p id="p1">这是内容,会被覆盖,怎么办</p>

然后在函数里面加上这句就可以啦:document.write(p1.innerHTML+"</br>");

1 回复 有任何疑惑可以回复我~

不要把document.write()放在函数里面 

因为文档输出流的关系 你在调用函数的时候 document.write() 会新建一个document文档 而write里面的内容也会输出到这个新的文档里 

你可以改成console.log() 在控制台输出

0 回复 有任何疑惑可以回复我~

<body>

    <p>这是内容,会被覆盖,怎么办</p>


<input type="button" onClick="my()" value="点击">

</body>

网页源码少了个</body>,所以你在里面写才没用

0 回复 有任何疑惑可以回复我~

大哥 ,服了你<body>标签都没闭合

0 回复 有任何疑惑可以回复我~

这个才是正确源码

0 回复 有任何疑惑可以回复我~
#1

奔跑的杨肉串 提问者

谢谢你
2019-07-12 回复 有任何疑惑可以回复我~

 window.onload = function(){

   var  p = document.getElementById('sex');

   var  $sex =p.innerHTML;

   var  sex  =  document.write("第一个人的成绩是:");

   var  sexWanmen = sex + $sex;

   document.write( sexWanmen);

  }


0 回复 有任何疑惑可以回复我~

应该是innerHTML


0 回复 有任何疑惑可以回复我~

 <p id="sex"></p>----给p加个id属性名

var  p = document.getElementById('sex');----获取p元素

 var  $sex =p.HTML();----读出p的文本

var  sex  =  document.write("第一个人的成绩是:"+myarr[0]+"<br>");----赋值

var  sexWanmen = sex + $sex;----两者拼加再赋值给性感女人这个变量

documert.write( sexWanmen);----在页面打印


0 回复 有任何疑惑可以回复我~

我觉得还是不在js里面输出比较好,我认为js直接输出可能只是一种验证值的形式,要输出就在HTML里面岂不是更好

0 回复 有任何疑惑可以回复我~

你的p标签没在body里

0 回复 有任何疑惑可以回复我~
#1

奔跑的杨肉串 提问者

试过了,在body也是一样会被覆盖的 T-T
2019-05-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468065    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

document.write()覆盖HTML内容问题 怎么解决?各位大佬

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信