質問するログイン新規登録

回答編集履歴

1

chousei

2022/06/13 05:45

投稿

yambejp
yambejp

スコア118110

answer CHANGED
@@ -3,11 +3,23 @@
3
3
  document.addEventListener('DOMContentLoaded', function() {
4
4
  const targetElement = document.querySelector('header nav ul');
5
5
  const elm = document.createElement('li');
6
- elm.setAttribute('class', 'mn07');
6
+ elm.classList.add('mn07');
7
7
  const HtmlDoc = `
8
8
  <p><a href="/" target="_blank">テキスト</a></p>
9
9
  `;
10
10
  elm.innerHTML=HtmlDoc;
11
11
  targetElement.appendChild ( elm );
12
12
  });
13
+ ```
14
+ もしくはliごとtextで用意して流し込むとか
15
+ ```javascript
16
+ document.addEventListener('DOMContentLoaded', function() {
17
+ const targetElement = document.querySelector('header nav ul');
18
+ const HtmlDoc = `
19
+ <li class="mn07">
20
+ <p><a href="/" target="_blank">テキスト</a></p>
21
+ </li>
22
+ `;
23
+ targetElement.insertAdjacentHTML('beforeend',HtmlDoc);
24
+ });
13
25
  ```