HTML 페이지:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> </body> </html>
1. HTML에 요소 추가
<script> //append()创建一个列表 const ul=document.createElement("ul"); //循环来生成多个列表li for(let i=1;i<=5;i++){ const li=document.createElement("li"); li.textContent=`item${i}`; ul.append(li); } console.log(ul); </script>
2.
3. 태그 외부에 삽입 li= document.createElement("li");
li.textContent="第一个元素";
ul.insertAdjacentElement("afterbegin",li);
li= document.createElement("li");
li.textContent="最后一个元素";
ul.insertAdjacentElement("beforeend",li);
추천: "2021 js 인터뷰 질문 및 답변(대요약)
위 내용은 Javascript를 사용하여 태그 내부 및 외부에 태그 요소를 삽입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!