js清除節點內容(改變標簽元素)


<!DOCTYPE HTML>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>js清除節點內容||改變標簽元素</title>
    </head>

    <body>
        <!--清除節點內容-->
        <div id="content">
            <h1>html</h1>
            <h1>php</h1>
            <h1>javascript</h1>
            <h1>jquery</h1>
            <h1>java</h1>
        </div>
        <button onclick="clearText()">清除節點內容</button>
        <!--改變標簽元素-->

        <div>
            <b id="oldnode">JavaScript</b> 是一個很常用的技術,為網頁添加動態效果。
        </div>
        <a href="javascript:replaceMessage()"> 將加粗改為斜體</a>
    </body>
    <script type="text/javascript">
        //     清除節點元素
        function clearText() {
            var content = document.getElementById("content");
            // 在此完成該函數
            var x = content.removeChild(content.childNodes[1]);

        }
        //     改變標簽元素
        function replaceMessage() {
            var oldnode = document.getElementById("oldnode");
            var newnode = document.createElement("i");
            newnode.innerHTML = oldnode.innerHTML;
            oldnode.parentNode.replaceChild(newnode, oldnode);

        }
    </script>

</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM