innerhtml是不是jquery方法
这篇文章主要介绍了innerhtml是不是jquery方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
innerhtml不是jquery方法,而是HTML DOM属性,即JavaScript属性;该属性用于设置或返回元素的内容(包括子元素),语法"元素对象[xss_clean]="内容值""或"元素对象[xss_clean]"。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
innerhtml不是jquery方法,而是HTML DOM属性,用于设置或返回元素的内容。
innerHTML 属性可设置或返回标签元素的开始标签和结束标签之间的 HTML。
语法:
//设置元素内容Object[xss_clean]=text//返回元素内容Object[xss_clean]
下面通过示例来介绍 innerHTML 属性的使用。
当输入不为空时,用户输入的文本每次发送后会连接文本框前面的 label 一起逐行显示在 div 中,同时会清空文本框内容。如果输入为空,则弹出警告对话框提示用户。
使用innerHTML属性设詈div元素内容 妙味:
上述代码中的 if() 判断语句使用了正则表达式来判断输入的内容是否为空字符。代码中使用了 oSpan[xss_clean] 和 oDiv[xss_clean] 分别获取 span 元素和 div 元素的内容,然后,又通过 oDiv[xss_clean] 将 span 元素和 div 元素的内容、文本框输入的内容以及换行标签一起作为 div 元素的内容来设置。
注:oDiv[xss_clean]+=oSpan[xss_clean]+oText.valu
e 等效于 oDiv[xss_clean]=oDiv[xss_clean]+oSpan[xss_clean]+oText.value
。
下图所示是在文本框中先后输入两行文本并单击发送按钮的结果:
感谢你能够认真阅读完这篇文章,希望小编分享的"innerhtml是不是jquery方法"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!