lovecoding
/
W250511


			
				
					
						
						
							123456789101112131415161718192021222324252627282930
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        hello world
    </div>
    <script>
        // 修改hello world 为 你好世界
        // 第一步 一定要先获取到 要操控标签
        var oDiv = document.getElementsByTagName("div");

        // 第二部修改内部文字 innerText 仅应用于修改文本
        // 注意：如果是通过类名或标签名获取的标签返回的是一个类数组
        // 没有办法直接对一个整个数组进行操作
        // 只能对一个单独的元素进行操作 所以要取出操作的标签

        // oDiv[0].innerText = "你好世界";

        // 修改需求向div 中加入一个h1标签并把文字放到标签内
        // 修改内部的标签 innerHTML 既可以修改文本也可以修改标签
        oDiv[0].innerHTML = "<h1>你好世界</h1>";

    </script>
</body>
</html>