Monaca/DOM操作 - 変更履歴

2020年5月22日 (金) 02:51にAdminによる

2020-05-22T02:51:14Z

2020-05-22T02:50:57Z

2020-05-22T02:50:40Z

2020-05-22T02:50:21Z

2020-05-22T02:36:37Z

‎html書き換え

2020-05-22T02:36:21Z

‎html書き換え

←前の版		2020年5月22日 (金) 02:51時点における版
行28:		行28:
	</pre>		</pre>

−	※注意：onload()~~前にhtmlを更新する処理を記述しても更新されないので~~	+	※注意：onload()前にhtmlを更新する処理を記述しても、更新されない

←前の版		2020年5月22日 (金) 02:50時点における版
行28:		行28:
	</pre>		</pre>

−	~~注意) onload~~()前にhtmlを更新する処理を記述しても更新されないので	+	※注意：onload()前にhtmlを更新する処理を記述しても更新されないので

←前の版		2020年5月22日 (金) 02:50時点における版
行28:		行28:
	</pre>		</pre>

−	onload()~~前にhtmlを更新する処理を記述しても更新されないので注意。~~	+	注意) onload()前にhtmlを更新する処理を記述しても更新されないので

@@ 行1: / 行1: @@
 ==html書き換え==
 index.html
@@ 行12: / 行11: @@
 </head>
 <body onload="init();" id="stage" class="theme">
 <div class="helloclass1">Helloclass1</div>
 </pre>
@@ 行22: / 行21: @@
+}
 var deviceInfo = function() {
      document.getElementById("helloid1").innerHTML = "Helloid2";
      document.getElementsByClassName("helloclass1").innerHTML = "helloclass2";
 };
 </pre>
-==タグ内のidのtext取得==
+onload()前にhtmlを更新する処理を記述しても更新されないので注意。
-<pre>
-<p id="hello1">Hello1</p>
-<script>
-  console.log(document.getElementById("hello1").textContent); // Hello1
-</script>
-</pre>
-−
-==タグ内のclassのtext取得==
-<pre>
-<p class="hello2">Hello2</p>
-<script>
-  console.log(document.getElementsByClassName("hello2").textContent); // Hello1
-</script>
-</pre>

@@ 行2: / 行2: @@
 ==html書き換え==
 index.html
- <head>
+<pre>
      <script>
          document.addEventListener("deviceready", onDeviceReady, false);
@@ 行9: / 行10: @@
+         }
      </script>
- </head>
+</head>
- <body onload="init();" id="stage" class="theme">
+<body onload="init();" id="stage" class="theme">
- <div class="helloclass1">Helloclass1</div>
+<div class="helloclass1">Helloclass1</div>
- <div id="helloid1">Helloid1</div>
+<div id="helloid1">Helloid1</div>
 main.js