javascript dom重写不适用于文本对齐

函数testit（）{
document.getElementById（“th1”）.style.textAlign=“right”；
}

#th1{
文本对齐：左对齐；
}

紧急重要联系人成员
紧急情况
Emergency.m1Emergency.m2
Emergency.m3 Emergency.m4
Emergency.m5 Emergency.m6
文本脚本

首先，您不需要标记。其次，ID是唯一的，因此您需要使用类。最后，由于您已经标记了

JQuery

，因此可以在DOM就绪后使用

css（）

将css分配给元素：

/*$（document）.ready（function（）{
$（“.th1”）.css({
“文本对齐”：“右”
});
});
*/
var元素=document.getElementsByClassName（“th1”）；
对于（变量i=0；i

.th1{
文本对齐：左对齐；
}

紧急重要联系人成员
紧急情况
紧急情况1
紧急情况2.m2
紧急情况1.m3
紧急情况.m4
紧急情况.m5
紧急情况

首先，您不需要

标记。其次，ID是唯一的，因此您需要使用类。最后，由于您已经标记了

JQuery

，因此可以在DOM就绪后使用

css（）

将css分配给元素：

/*$（document）.ready（function（）{
$（“.th1”）.css({
“文本对齐”：“右”
});
});
*/
var元素=document.getElementsByClassName（“th1”）；
对于（变量i=0；i

.th1{
文本对齐：左对齐；
}

紧急重要联系人成员
紧急情况
紧急情况1
紧急情况2.m2
紧急情况1.m3
紧急情况.m4
紧急情况.m5
紧急情况

类似这样的内容：

HTML:

JS:

var th1=document.getElementsByClassName（“th1”）；
对于（变量i=0；i

类似这样的内容：

HTML:

JS:

var th1=document.getElementsByClassName（“th1”）；
对于（变量i=0；i

给你

 <style>
    #th1{
    text-align:left;
    }
    .th2{
    text-align:right !important;

    }
    </style>

    <table>
         <tr><center><th colspan="2" id="th1">EmergencyImportantContactsnumbers</th><center></tr>
         <tr><th colspan="2" id="th1" >Emergency.SQUCampus</tr></tr>
         <tr><th>Emergency.m1</th><th id="th1" >Emergency.m2</th><tr>
         <tr><td>Emergency.m3</td><td id="th1" >Emergency.m4</td></tr>
         <tr><td>Emergency.m5</td><td id="th1" >Emergency.m6</td></tr>   
     </table>
     <script>
       $(document).ready(function() {

       $('table #th1 ').addClass("th2");
      });
     </script>

#th1{
文本对齐：左对齐；
}
.th2{
文本对齐：对！重要；
}
紧急重要联系人成员
紧急情况
Emergency.m1Emergency.m2
Emergency.m3 Emergency.m4
Emergency.m5 Emergency.m6
$（文档）.ready（函数（）{
$（'table#th1'）.addClass（“th2”）；
});

给你

 <style>
    #th1{
    text-align:left;
    }
    .th2{
    text-align:right !important;

    }
    </style>

    <table>
         <tr><center><th colspan="2" id="th1">EmergencyImportantContactsnumbers</th><center></tr>
         <tr><th colspan="2" id="th1" >Emergency.SQUCampus</tr></tr>
         <tr><th>Emergency.m1</th><th id="th1" >Emergency.m2</th><tr>
         <tr><td>Emergency.m3</td><td id="th1" >Emergency.m4</td></tr>
         <tr><td>Emergency.m5</td><td id="th1" >Emergency.m6</td></tr>   
     </table>
     <script>
       $(document).ready(function() {

       $('table #th1 ').addClass("th2");
      });
     </script>

#th1{
文本对齐：左对齐；
}
.th2{
文本对齐：对！重要；
}
紧急重要联系人成员
紧急情况
Emergency.m1Emergency.m2
Emergency.m3 Emergency.m4
Emergency.m5 Emergency.m6
$（文档）.ready（函数（）{
$（'table#th1'）.addClass（“th2”）；
});

id必须是唯一的，使用class而不是将您的id设置为class。使id唯一和

th

应该是

tr

的直接子项，而不是

相关问题：因此，如果您对CSS代码进行注释，它会起作用。也就是说，CSS正在覆盖您的JS代码。可能是，它可能是加载CSS和JS的顺序？？id必须是唯一的，使用class而不是将您的id作为class。使id唯一和
th
应该是
tr
的直接子项，而不是
相关问题：因此，如果您对CSS代码进行注释，它会起作用。也就是说，CSS正在覆盖您的JS代码。可能是，它可能是CSS和JS加载的顺序？？你想在JavaScript中加载吗？为什么要标记JQuery？要用JavaScript吗？为什么要标记JQuery？
var th1 = document.getElementsByClassName("th1");
for (var i = 0; i < th1.length; i += 1) {
    th1[i].style.textAlign = "right";
}

 <style>
    #th1{
    text-align:left;
    }
    .th2{
    text-align:right !important;

    }
    </style>

    <table>
         <tr><center><th colspan="2" id="th1">EmergencyImportantContactsnumbers</th><center></tr>
         <tr><th colspan="2" id="th1" >Emergency.SQUCampus</tr></tr>
         <tr><th>Emergency.m1</th><th id="th1" >Emergency.m2</th><tr>
         <tr><td>Emergency.m3</td><td id="th1" >Emergency.m4</td></tr>
         <tr><td>Emergency.m5</td><td id="th1" >Emergency.m6</td></tr>   
     </table>
     <script>
       $(document).ready(function() {

       $('table #th1 ').addClass("th2");
      });
     </script>