国产视频appinnerHTML在javaScript中具有雙向功能,一是可以從指定的元素對象中獲取內容,二是可以把自定義內容插入到指定的元素對象中去。

定義和用法

innerHTML屬性用于設置或返回指定標簽之間的HTML內容

Object.innerHTML = "HTML";// 設置  
var html = Object.innerHTML;// 獲取

例1:

QQ截圖20180111133840.png

国产视频app獲取ID為mochu的P標簽元素中的內容

<html>  
    <head>  
    <script type="text/javascript">  
        function getinnerHTML(){  
        alert(document.getElementById("mochu").innerHTML);  
    }  
    </script>  
    </head>
    <body>  
    <p id="mochu"><font color="#000">這是獲取到的內容!</font></p>  
    <input type="button" onclick="getinnerHTML()" value="點擊" />  
    </body>  
</html>

 

例2:

QQ截圖20180111134238.png

国产视频app向ID為mochu的P標簽元素中插入內容

<html>  
    <head>  
    <script type="text/javascript">  
        function setInnerHTML(){  
        document.getElementById("mochu").innerHTML = "<span>這里是替換的內容包括標簽</span>";  
        }  
    </script>  
    </head>
    <body>  
    <p id="mochu"><font color="#000">這里是被替換掉的內容</font></p>  
    <input type="button" onclick="setInnerHTML()" value="點擊" />  
    </body>  
</html>

擴展筆記:

簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在于: 

1、innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析,而innerText與outerText則不會。 

2、在設置時,innerHTML與innerText僅設置標簽內的文本,而outerHTML與outerText設置包括標簽在內的文本。 

3、innerHTML是符合W3C標準的屬性,而innerText只適用于IE瀏覽器,因此,盡可能地去使用innerHTML,而少用innerText,如果要輸出不含HTML標簽的內容,可以使用innerHTML取得包含HTML標簽的內容后,再用正則表達式去除HTML標簽

代碼:

document.getElementById('test').innerHTML.replace(/<.+?>/gim,'')