label要素のcolorをblueにしたい
スクリプトでやってみる
<script>
setStyle("label", "color", "blue");
function setStyle(tag, prop, value) {
var matches = document.querySelectorAll(tag);
for(var i = 0; i < matches.length; i++) {
var element = matches[i]
element["style"][prop] = value;
}
}
</script>
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<label>ラベル1</label><br>
<label>ラベル2</label><br>
<label>ラベル3</label>
<script>
setStyle("label", "color", "blue");
function setStyle(tag, prop, value) {
var matches = document.querySelectorAll(tag);
for(var i = 0; i < matches.length; i++) {
var element = matches[i]
element["style"][prop] = value;
}
}
</script>
</body>
</html>
|
補足
<style></style>の中でやる場合
<style>
label {
color: blue;
}
</style>
参考
Document.querySelectorAll()
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll
Document.querySelectorAll()
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll
