提交html内容遇到问题

php_wsd 2008-11-19 12:37:24

<html>
<head>
<title>实例代码</title>
<script>
function f()
{
if(document.getElementById('content').value=="")
{
alert('请输入内容');
return false;
}
else
{
div1=document.getElementById("weather");
ul_1=div1.firstChild;
li_1=document.createElement("li");
text=document.getElementById("content").value;
document.getElementById("content").value="";
text_1=document.createTextNode(text);
li_1.appendChild(text_1);
ul_1.appendChild(li_1);
}
}
</script>
</head>
<body>
<div class="weather" id="weather">
<ul>
<li>111111</li>
<li>22222</li>
<li>33333</li>
</ul>
</div>
<div>
<div>内容</div>
<div><textarea cols=50 rows=5 id="content"></textarea></div>
<div><input type="button" value="提交" onclick="return f();"></div>
</div>
</body>
</html>
这段代码实现了在33333下面添加内容已经成功，但是如果textarea中是"<a href="http://www.***.com">***</a>",那么在33333下面却将html内容也输出了，我想得到的是一个带有连接的***,如何修改？

...全文

59 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

neo_yoho 2008-11-19

打赏
举报



<html> 

<head> 

<title>实例代码 </title> 

<script> 

function f() 

{ 

  if(document.getElementById('content').value=="") 

  { 

      alert('请输入内容'); 

  return false; 

  } 

  else 

  { 

      div1=document.getElementById("weather"); 

  ul_1=div1.firstChild; 

  text=document.getElementById("content").value; 

  ul_1.innerHTML+="<li>"+text+"</li>"

  /*

  li_1=document.createElement("li"); 

  text=document.getElementById("content").value; 

  document.getElementById("content").value=""; 

  text_1=document.createTextNode(text); 

  li_1.appendChild(text_1); 

  ul_1.appendChild(li_1); 

  */

  } 

} 

</script> 

</head> 

<body> 

  <div class="weather" id="weather"> 

  <ul> 

    <li>111111 </li> 

    <li>22222 </li> 

    <li>33333 </li> 

  </ul> 

  </div> 

  <div> 

    <div>内容 </div> 

<div> <textarea cols=50 rows=5 id="content"> </textarea> </div> 

<div> <input type="button" value="提交" onclick="return f();"> </div> 

  </div> 

</body> 

</html>