1. 爱易网页
  2. JavaSript
  3. DOM的有关问题大家来看看

DOM的有关问题大家来看看

日期：2014-05-16　 浏览次数：20365 次

DOM的问题大家来看看
本帖最后由 xiaopongyou 于 2013-04-07 23:05:31 编辑
<html>
<head>
    <title>dom作业</title>
</head>
<body>
    
    <input id="content_txt" type="text" value="" />
    <input type="button" value="test" id="operation_btn" />
    <div id="content_div"></div>
</body>
</html>

1、如上的html结构，通过点击id="operation_btn" 的按钮，获取id="content_txt"的文本框中的值，并将获取的值插入到id="content_div"的div中显示。
求怎么解决，我觉得有问题应该用“onclick”去触发哟？？？
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>
    <title>dom作业</title>
    <script type="text/javascript">
     function change(){
document.getElementById("content_div").innerHTML=document.getElementById("content_txt").value;
}
    </script>
</head>
<body>
    
    <input id="content_txt" type="text" value="" />
    <input type="button" value="test" id="operation_btn" onclick="change()" />
    <div id="content_div"></div>
</body>
</html>
貌似是那样的
------解决方案--------------------
<html>
<head>
    <title>dom作业</title>
    <script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function funcA(){
var temp = $("content_txt").value;
var div = document.createTextNode(temp);
$("content_div").appendChild(div);

}
</script>
</head>
<body>
    
    <input id="content_txt" type="text" value="" />
    <input type="button" value="test" id="operation_btn" onClick="funcA()" />
    <div id="content_div"></div>
</body>
</html>

相关资料更多>

  1. json有关问题，过来帮解决一上啦。
  2. 初学javascript 遇到有关问题求教
  3. JS中怎么使用Cookie
  4. %D4%DA%CF%DF 是什么编码方式, 用什么解码?该怎么解决
  5. 施用javascript获取硬件信息
  6. ie下Js定义常量的有关问题
  7. JS低级感悟1
  8. js按宽度截取字符串
  9. 用js如何打开保存文件的对话框啊