innerhtml是jquery方法么

innerhtML不是jquery方法，而是HTML DOM属性，即JavaScript属性；该属性用于设置或返回元素的内容（包括子元素），语法“元素对象.innerHTML="内容值"”或“元素对象.innerHTML”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

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

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

语法：

//设置元素内容Object.innerHTML=text//返回元素内容Object.innerHTML

下面通过示例来介绍 innerHTML 属性的使用。

当输入不为空时，用户输入的文本每次发送后会连接文本框前面的 label 一起逐行显示在 div 中，同时会清空文本框内容。如果输入为空，则弹出警告对话框提示用户。

!doctyPE html>
    html>
    head>
    meta charset="utf-8">
    tITle>
    使用innerHTML属性设詈div元素内容/title>
    style>
    div {
    width:240px;
     height:200px;
     background:#F1f1f1;
     border:1px solid #333;
     padding:10px;
}
    /style>
    script>
    window.onload = function(){
            VAR oDiv = document.getElementById('div1');
            var oSpan = document.getElementByldCspan1');
            var oText = document.getElementById('text1');
            var oBTn = document.getElementById('btn1.');
        oBtn.onclick = function(){
        if(!oText.value.match(/s*/)){
     //使用正则表达式判断输入的是否为空字符            //将文本框前的 label、输入的文本、换行标签以及div原来的内容一起作为div元素的内容                        oDiv.innerHTML += oSpan.innerHTML + oText.value + 'br>
    ';
                oText.value = '';
   //发送信息后清空文本框        }
else{
                alert("请输入信息！');
        }
    }
；}
    ；/script>
    /head>
    body>
        div id="div1">
     /div>
        span id="span1">
    妙味:/span>
        input id="text1" type="text"/>
        input id="btn1" type="button" value="发送"/>
    /body>
    /html>
    

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

注：oDiv.innerHTML+=oSpan.innerHTML+oText.value 等效于 oDiv.innerHTML=oDiv.innerHTML+oSpan.innerHTML+oText.value。

下图所示是在文本框中先后输入两行文本并单击发送按钮的结果：

更多编程相关知识，请访问：编程入门！！

以上就是innerhtml是jquery方法么的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！