Как исправить: Конечный тег для элемента «X», который не является открытым

-1

я управлял W3C валидатор на странице HTML, и я получил эту ошибку:Как исправить: Конечный тег для элемента «X», который не является открытым

Line 116, Column 106: end tag for element "TR" which is not open

Line 116, Column 114: end tag for element "TABLE" which is not open

Line 116, Column 120: end tag for element "DIV" which is not open

Ошибки приходя на этой линии:

function showme() 
{ 


    document.getElementById("divToolTip").innerHTML = "<div class='rcornerBox'><table border=1><tr><td/></tr></table></div>"; 

}

добавить код страницы

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Referring Provider </title> 
<link rel="stylesheet" type="text/css" href="css/toolbar/style.css"> 
<link type="text/css" href="../edi/ss/ui.all.css" rel="stylesheet"> 
<link type="text/css" href="../ext/jquery-1.8.17/css/redmond/jquery-ui-1.8.17.custom.css" rel="stylesheet"> 
<style type="text/css" media="all"> 
h1 { 
    margin: 0; 
    font-size:12px; 
    font-family:Arial; 
} 
.style1 { 
    text-align: left; 
} 
.style2 { 
    text-align: center; 
}  
td.tableCell { 
    font: 8pt Verdana, Arial, sans-serif; 
    color: #000000; 
    background: #FFFFF; 
    padding-left: 2px; 
    padding-right: 2px; 
} 
.small { 
    color: #666666; 
    display: block; 
    font-size:11px; 
    font-weight: normal; 
    text-align: left; 

} 
.ui-datepicker{ 
font-size:12px; 
} 
.rcornerBox { 
    border-radius: 25px; 
    border: 1px solid #666666; 
    padding: 20px; 
    width: 400px; 
    height: 50px;  
} 


</style> 
<script type="text/javascript" src="../ext/jquery-1.8.17/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="../ext/jquery-1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script> 
<script type="text/javascript" src="../catalog/xml/edi/AdditionalClaimData/js/Validate.js"></script> 

<script type="text/javascript"> 
var box17ProviderRuleEnabled='0'; 
var box17ProviderType='0'; 
$(document).ready(function(){ 
    if(box17ProviderRuleEnabled==0){ 
     $('input[name="insaddlbox17ProviderType"]').attr('disabled','disabled'); 
    }else{ 
     $('#insaddlbox17ProviderRule').attr('checked',true); 
     $('#insaddlbox17ProviderType'+box17ProviderType).prop("checked",true); 
    } 

    $('#insaddlbox17ProviderRule').change(function(){ 
     var insaddlbox17Box17=$('#insaddlbox17ProviderRule').is(":checked"); 
     if(insaddlbox17Box17){ 
      $('input[name="insaddlbox17ProviderType"]').removeAttr('disabled'); 
      $('#insaddlbox17ProviderType0').prop("checked",true); 
     }else{ 
      $('input[name="insaddlbox17ProviderType"]').attr('disabled','disabled'); 
      $('input[name="insaddlbox17ProviderType"]').prop('checked',false); 
     } 
    }); 


}); 



function setProviderType(str) 
{ 
    var eleSelName = str.value; 
    if(eleSelName == '0') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=0" + ";" ; 
    } else if(eleSelName == '1') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=1" + ";" ; 
    } else if(eleSelName == '2') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=2" + ";" ; 
    } else if(eleSelName == '3') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=3" + ";" ; 
    } else if(eleSelName == '4') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=4" + ";" ; 
    } else if(eleSelName == '5') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=5" + ";" ; 
    } else if(eleSelName == '6') { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name + "=6" + ";" ; 
    } 

} 

function setValue(str) 
{ 
    var eleName = document.getElementById(str.id).checked; 
    if(eleName == true) { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name+ "=1" + ";" 
    } else { 
     window.parent.document.getElementById("storeName").value = window.parent.document.getElementById("storeName").value + str.name+ "=0" + ";" 
    } 
} 
function showme() 
{ 


    document.getElementById("divToolTip").innerHTML = "<div class='rcornerBox'><table border=1><tr><td/></tr></table></div>"; 

} 
</script> 
</head> 
<body> 
    <form name="form1" id="form1" method="post" action=""> 
     <div class="style1" style="width:100%">  
      <table width="100%" cellspacing="4"> 
       <tr> 
        <td colspan="2"> 
         <fieldset style="width:100%"> 
         <legend style="font: 9pt Verdana, Arial, sans-serif;">Referring Provider Setup</legend>          
         <br/> 

         <table> 
          <tr> 
           <td class="tableCell" style="width:400px;margin-left:0px;"> 
            <input type="checkbox" name="insaddlbox17ProviderRule" id="insaddlbox17ProviderRule" onclick="setValue(this)"> 
           <a>Box 17: Enable Referring Provider Rule</a><div id="divToolTip"></div> 
           </td> 

          </tr>     

         </table><br/>          
         <fieldset style="width:98%;margin-left:auto;margin-right:auto;"> 
          <legend style="font: 8pt Verdana, Arial, sans-serif;">Box 17: Referring Provider Type</legend> 
          <table> 
           <tr title="Associated referrals 'From Provider' will take precedence as the Claim Ref. Provider "> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType6" value="6" onclick="setProviderType(this)"></td> 
            <td class="tableCell">Appt. Referring Provider</td> 
           </tr> 

           <tr title="If Appt. Ref Provider is blank, the Demographic Ref Prvd will be used in Box 17/Ref. Provider "> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType4" value="4" onclick="setProviderType(this)"></td> 
            <td class="tableCell" id="tdAppt">Appt. Referring Provider/Demographics Referring Provider</td> 
           </tr> 

           <tr title="If Appt. Ref Provider is blank & Demographic Ref Provider is blank, Box 17/Ref. Provider will be the Claim Rendering Provider"> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType3" value="3" onclick="setProviderType(this)"></td> 
            <td class="tableCell">Appt. Referring Provider/Demographics Referring Provider/Claim Rendering Provider</td> 
           </tr> 
           <tr title="Demographic Ref. Provider will be used in Box 17/Ref.Provider"> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType2" value="2" onclick="setProviderType(this)"></td> 
            <td class="tableCell">Demographics Referring Provider</td> 
           </tr> 
           <tr title="Claim Rendering Provider will be used in Box 17/Ref.Provider, Ignores Encounter-level Ref. Provider if one is selected"> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType1" value="1" onclick="setProviderType(this)"></td> 
            <td class="tableCell">Demographics Rendering Provider (Ignores Encounter-level Referring Provider if one is selected)</td> 
           </tr> 
           <tr title="Appt. Referring Provider/Claim Rendering Provider will be used in Box 17/Ref.Provider, if Encounter-level Ref. Provider is Blank"> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType5" value="5" onclick="setProviderType(this)"></td> 
            <td class="tableCell">Appt. Referring Provider/Claim Rendering Provider (If Encounter-level Ref. Provider is blank, ignore Demographics Ref. Provider)</td> 
           </tr> 
           <tr title="Demographic PCP will be used in Box 17/Ref Provider"> 
            <td class="tableCell"><input type="radio" name="insaddlbox17ProviderType" 
             id="insaddlbox17ProviderType0" value="0" onclick="setProviderType(this)"></td> 
            <td class="tableCell">Demographics PCP</td> 
           </tr> 

          </table> 
         </fieldset>      
         <table> 

         </table> 
         <br/>      
         </fieldset>  
        </td> 
       </tr>  
      </table>   
     </div> 
    </form> 
</body> 
</html>

Что я должен сделать, чтобы исправить ошибки?

источник

2016-04-15 teach me

protip: не * никогда * использование строк, потому что это позволяет опечатка или неправильно понимать спецификации. Используйте API DOM. Не делайте 'innerHTML ="

"'. Вместо этого сделайте что-нибудь вроде: 'var div = document.createElement ('div'); var t = document.createElement ('table'); var tr = ... ('tr'); var td = ...; tr.appendChild (тд); table.appendChild (тр); div.appendChild (таблица); document.getElementById ("divToolTip") AppendChild (дела);. '. И затем, очевидно, используя некоторые библиотеки, чтобы сделать это проще (даже jQuery и т. П.) –

Вы, кажется, думаете, что TD является самозакрывающимся тегом. Это не так.

Подобные вещи могут нанести ущерб валидатору (и, кстати, привести к неправильной отображению разметки).

Попробуйте это:

document.getElementById("divToolTip").innerHTML = "<div class='rcornerBox'><table border=1><tr><td></td></tr></table></div>";

источник

2016-04-15 15:11:57 Robusto

ничего не изменилось, так же, как и в w3c-validation @Robusto –

Как исправить: Конечный тег для элемента «X», который не является открытым

ответ

Смежные вопросы