<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<title>Document</title>
</head>
<body>
<h1 id="titleId" class="titleClass"><em>12</em></h1>
<script src="js/all.js"></script>
</body>
</html>
像這裡的話我有寫 h1 那 id 的話是等於title id 也有一個 class 這個 class 是我們等一下會用到的
var el = document.querySelector('.titleClass em');
el.textContent ='123';
而且啊 這種 querySelector 他還有一種好處
就是 你今天就可以當作你今天在寫 css
譬如說你今天想要去選取一個
class 樣式的話 你就可以寫 .
title class
舉例
http://www.runoob.com/jsref/met-element-queryselector.html
https://developer.mozilla.org/zh-TW/docs/Web/API/Document/querySelector
querySelector() 方法返回匹配指定 CSS 选择器元素的第一个子元素 。
注意：querySelector() 方法只返回匹配指定选择器的第一个元素。如果你要返回所有匹配元素，请使用 querySelectorAll() 方法替代。