JavaScript는 div 속성과 스타일 샘플 code_javascript 기술을 동적으로 생성합니다.

1. div 요소 생성:

Javascript 코드

코드 복사 다음과 같습니다:

functioncreateElement(){
varcreateDiv=document.createElement("div")
createDiv.innerHTML ="Testcreateadivelement! ";
document.body.appendChild(createDiv);


functioncreateElement(){ < !-- 본문이 아닌 경우 "문서" 없음-->




2.


자바스크립트 코드

코드 복사


코드는 다음과 같습니다.

functioncreateElement(){ varcreateDiv=document.createElement("div") createDiv.title="thisisanewdiv." createDiv .id="newDivId";

createDiv.class="newDivClass";

createDiv.innerHTML="Testcreateadivelement!"
document.body.appendChild(createDiv)
< ;/script>


functioncreateElement(){
varcreateDiv=document.createElement("div"); thisisanewdiv.";
createDiv .id="newDivId";
createDiv.class="newDivClass";
createDiv.innerHTML="Testcreateadivelement!";
document.body.appendChild(createDiv);

createDiv.className = "name file_col"
}


>
3. div 스타일 만들기:


Javascript 코드

코드 복사
코드는 다음과 같습니다. 다음과 같습니다:

functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.style.ground="pink"; createDiv.style.border="1pxsolidred"; createDiv.style.width="50px"; createDiv.style.height="50px" 🎜>createDiv.innerHTML="Createadivelement!" ; document.body.appendChild(createDiv)