jquery innerhtml,html中innerhtml两种用法

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　Innerhtml不是jquery方法，而是HTML DOM属性，用于设置或返回元素的内容。

　　innerHTML属性可以设置或返回标签元素的开始标签和结束标签之间的HTML。

　　语法：

　　//设置元素内容

　　Object.innerHTML=text

　　//返回元素内容

　　下面是一个介绍innerHTML属性用法的示例。

　　当输入不为空时，用户输入的文本将与文本框前面的标签连接，并在div中逐行显示，同时文本框内容将被清除。如果输入为空，会弹出一个警告对话框提示用户。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　使用titleinnerhtml属性设置div元素内容/标题。

　　风格

　　div { width:240 px；高度：200px背景：# f1f1f1边框：1px纯色# 333；填充：10px}

　　/风格

　　脚本

　　window.onload=function(){

　　var oDiv=document . getelementbyid( div 1 )；

　　var OS pan=document . getelementbyldcspan 1 )；

　　var oText=document . getelementbyid( text 1 )；

　　var oBtn=document . getelementbyid( Bt n1。);

　　oBtn.onclick=function(){

　　如果(！o . value . match(/s */){/使用正则表达式确定输入字符是否为空。

　　//使用文本框前面的标签、输入文本、换行符标签和div的原始内容作为div元素的内容。

　　odiv . innerhtml=OS pan . innerhtml otext . value br ；

　　o text . value=“”；//发送信息后清空文本框

　　}否则{

　　Alert(请输入信息！);

　　}

　　};

　　};

　　/脚本

　　/头

　　身体

　　div id=div1 /div

　　Span id=span1 美味：/span

　　输入id=text1 type=text/

　　input= Bt n1 type= button value= send /

　　/body

　　/html上面代码中的if()判断语句使用正则表达式判断输入内容是否为空字符。代码中使用oSpan.innerHTML和oDiv.innerHTML分别获取Span元素和Div元素的内容，然后通过oDiv.innerHTML将span元素和div元素的内容、文本框中输入的内容和换行符标签设置为div元素的内容。

　　注意：odiv . innerhtml=ospan . innerhtml otext . value等效于odiv . innerhtml=odiv . innerhtml othan . innerhtml otext . value。

　　下图显示了在文本框中输入两行文本并单击“发送”按钮的结果：

　　有关编程的更多信息，请访问：编程入门！以上是innerhtml是否为jquery方法的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。