innerhtml은 jquery 메소드인가요?-JS 튜토리얼-php.cn

innerhtml은 jquery 메소드인가요?

青灯夜游

풀어 주다： 2021-11-12 18:33:11

원래의

2319명이 탐색했습니다.

innerhtml은 jquery 메서드가 아니라 HTML DOM 속성, 즉 JavaScript 속성입니다. 이 속성은 "element object.innerHTML= 구문을 사용하여 요소(하위 요소 포함)의 콘텐츠를 설정하거나 반환하는 데 사용됩니다. "콘텐츠 값"" 또는 "innerHTML".

innerhtml은 jquery 메소드인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

innerhtml은 jquery 메서드가 아니라 요소의 내용을 설정하거나 반환하는 데 사용되는 HTML DOM 속성입니다.

innerHTML 속성은 태그 요소의 여는 태그와 닫는 태그 사이에 HTML을 설정하거나 반환합니다.

구문:

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

//返回元素内容
Object.innerHTML

로그인 후 복사

다음에서는 예제를 사용하여 innerHTML 속성의 사용을 소개합니다.

입력이 비어 있지 않으면 사용자가 입력한 텍스트는 텍스트 상자 앞의 레이블에 연결되어 각 전송 후 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(&#39;div1&#39;);
        var oSpan = document.getElementByldCspan1&#39;);
        var oText = document.getElementById(&#39;text1&#39;);
        var oBtn = document.getElementById(&#39;btn1.&#39;);
        oBtn.onclick = function(){
        if(!oText.value.match(/s*/)){ //使用正则表达式判断输入的是否为空字符
            //将文本框前的 label、输入的文本、换行标签以及div原来的内容一起作为div元素的内容            
            oDiv.innerHTML += oSpan.innerHTML + oText.value + &#39;<br>&#39;;
            oText.value = &#39;&#39;;   //发送信息后清空文本框
        }else{
            alert("请输入信息！&#39;);
        }
    }；
}；
</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() 판단문은 정규 표현식을 사용하여 입력 내용이 null 문자인지 여부를 판단합니다. 코드는 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 메소드인가요?