JavaScript는 div 속성과 스타일 샘플 code_javascript 기술을 동적으로 생성합니다.-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 17:20:40

원래의

1272명이 탐색했습니다.

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 코드 