js引入方式的彈框方法2

時間 2019-11-29

原文原文鏈接

html代碼:html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-Type" charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <title>Title</title>
</head>

<body>

<div id="d1">我是div</div>
<script src="ooxx.js"></script>
</body>
</html>

js文件:ooxx代碼:ui

//1.找到那個標籤
var d1Ele = document.getElementById('d1');
console.log(d1Ele);
//這裏在獲取到d1以後,立馬打印,打印的結果是空
//由於咱們把script放到了head裏邊了,在這裏咱們須要將script放到body的最下邊
//這樣咱們就可成功彈出來了

//2.獲取標籤的文本內容
var s = d1Ele.innerText;
//3.alert彈出
alert(s)