<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>直接双击页面元素进行修改的HTML代码</title>
<script type="text/javascript">
function ShowElement(element)
{
var oldhtml = element.innerHTML //获得元素之前的内容
var newobj = document.createElement('input') //创建一个input元素
newobj.type = 'text' //为newobj元素添加类型
newobj.value=oldhtml
//设置newobj失去焦点的事件
newobj.onblur = function(){
element.innerHTML = this.value ? this.value : oldhtml //当触发时判断newobj的值是否为空，为空则不修改，并返回oldhtml。
}
element.innerHTML = '' //设置元素内容为空
element.appendChild(newobj) //添加子元素
newobj.focus() //获得焦点
}
</script>
</head>
<body>
<dl>
<dt>用户名</dt>
<dd ondblclick="ShowElement(this)">这里是用户名</dd>
<dt>个人宣言</dt>
<dd ondblclick="ShowElement(this)">这里是个人宣言</dd>
</body>
</html>
做开发你用可视化编辑器试试？肯定使用源码编辑模式。源码不意味着你得从头敲到尾，有种东西叫框架，有种东西叫模块化。。。另外，你要是能用可视化做出一个网站来才叫天才，dw的可视化编辑只有手工写完框架后才能提高效率，选中某个块然后点击样式，在层层选项中修改某个地方比直接手写更慢。另外，手写代码是基本功，面试时给你台电脑让你写，只用记事本，你能写出来？楼下说成对的代码容易出错是因为他没养成好习惯，成对的标签都是先打完开头结尾在修改里面的属性。同时，在代码编辑模式，打完开头就自动出结尾，按一下回车就行了。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）