用js如何修改div的内容的具体操作步骤如下：
1、首先在电脑的桌面上点击打开“html”应用程序，接着在此“html”应用程序中点击进行打开要进行操作的html文件。
2、打开此应用程序之后，接着在此文件的页面内点击进行创建“button按钮”，接着手动给此按钮设置一个id，在此将按钮的id设置为“show”，接着再在其中进行输入“<input type="button" id="show" value="显示隐藏div" />”。
3、接着再在此应用程序中进行创建一个隐藏的div，然后再将需要进行修改的内容写到或者复制粘贴到此文件上，接着再为其设置id，在此设置为“hide”，然后再进行输入“<div id="hide">我是隐藏的div</div>”。
4、然后接着在此页面内的<title>标签后面为id为hide设置其样式为“display:none”然后再输入“<style>#hide{display: nonepadding-top: 15px}</style>”，然后就修改完成了。
会经常遇到选择后可编辑div中的光标不见了，或者显示的位置不对，现在总结下：function set_focus()
{
el=document.getElementById('guestbook_editor')
//el=el[0] //jquery 对象转dom对象
el.focus()
if($.support.msie)
{
var range = document.selection.createRange()
this.last = range
range.moveToElementText(el)
range.select()
document.selection.empty()//取消选中
}
else
{
var range = document.createRange()
range.selectNodeContents(el)
range.collapse(false)
var sel = window.getSelection()
sel.removeAllRanges()
sel.addRange(range)
}
}
调用此方法，可以将光标放在可编辑div的最后。
