js를 사용하여 인터레이스 색상 변경을 달성하는 방법

이 글은 주로 순수 js의 인터레이스 색상 변경 효과를 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예는 모든 사람이 인터레이스 색상을 변경할 수 있도록 하는 특정 코드를 공유합니다. 참고로 구체적인 내용은 다음과 같습니다

<script type="text/javascript">
 function createTable(){
  //创建表格
  var table = document.createElement("table");
  
  //设置表格的行数
  for(var i=0;i<4;i++){
   var tr = document.createElement("tr");
   //设置表格的列数
   for( var j=0;j<5;j++){
    var td = document.createElement("td");
    tr.appendChild(td);
    //添加文本
    var txt = document.createTextNode("wkk");
    td.appendChild(txt);
   }
   
   //判断颜色的变换
   if(i%2==0){
    //添加属性（第一种）
    tr.style.backgroundColor = "#f0f";
   } else {
    tr.style.backgroundColor = "#ff0";
   }
   
   table.appendChild(tr);
  }
  
  //添加属性（第二种）
  table.setAttribute("border","1px");
  //table.style.border = "solid 1px red";
  table.setAttribute("width","200px");
  table.setAttribute("height","100px");
  
  
  //添加到body中
  document.body.appendChild(table);
  
  
 }//create table over
 
 createTable();
</script>

위 내용은 앞으로 모든 분들께 도움이 되길 바라겠습니다.

관련 기사:

JavaScript의 특수 데이터 유형은 무엇입니까?

WeChat 애플릿에서 요청 작업을 위해 요청 네트워크를 사용하는 방법

NodeJS를 사용하여 크롤러 예제 작성

Angular에서 MathJax 사용 어떤 문제가 발생했나요?

ReactNative에서 Redux 아키텍처를 사용하는 방법

Javascript에서 명시적 변환과 암시적 변환을 구현하는 방법

위 내용은 js를 사용하여 인터레이스 색상 변경을 달성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!