Javascript中<th>元素

Question

我有一個HTML，我想把2 TH，第二個將是選擇行的所有複選框。但是，當我點擊沒有發生。

<table id="books" class="m-0" width="100%" style="margin-top:0 !important;"> 
 
    <thead> 
 
     <tr> 
 
      <th><b>#</b></th> 
 
      <th><b>id</b></th> 
 
      <th><b>Name</b></th> 
 
      <th><b>Status</b></th> 
 
      <th><b>Images</b></th> 
 
      <th><b>Is Extension</b></th> 
 
      <th onclick=javascript:alert("Hello! I am an alert box!!") ><b>Novel</b></th> 
 
      <th><b>Novel</b></th> 
 
      <th><b>Actions</b></th> 
 
     </tr> 
 
     <tr> 
 
      <th><b>#</b></th> 
 
      <th><b>id</b></th> 
 
      <th><b>Name</b></th> 
 
      <th><b>Status</b></th> 
 
      <th><b>Images</b></th> 
 
      <th><b>Is Extension</b></th> 
 
      <th><b>ISBM</b></th> 
 
      <th><b>NOVEL</b></th> 
 
      <th><b>Actions</b></th> 
 
     </tr> 
 
    </thead> 
 
    <tbody>

Answer 1

你有錯誤的語法，使用這樣的

<th onclick="alert('Hello! I am an alert box!!')"><b>Novel</b></th> 

Answer 2

嘗試

<th onclick="alert('Hello! I am an alert box!!');" ><b>Novel</b></th> 

Answer 3

如何使你的代碼是由瀏覽器呈現：

<th onclick="javascript:alert(&quot;Hello!" i="" am="" an="" alert="" box!!")=""><b>Novel</b></th> 

爲了解決這個問題，把它放在引號：

<th onclick="alert('Hello! I am an alert box!!')"><b>Novel</b></th>