JSFiddle - React, Tailwind, and code Playground

by SengKook Park

HTML

<label>The table</label>

<form name="age-form">

  <table id="age-table">
    <tr>
      <td id="age-header">Your age:</td>
      <td>
        <label>
          <input type="radio" name="age" value="young"/> under 18
        </label>
        <label>
          <input type="radio" name="age" value="mature"/> 18 to 50
        </label>
        <label>
          <input type="radio" name="age" value="senior"/> after 60
        </label>
      </td>
    </tr>
  </table>

</form>

JavaScript

function checkInsideTable(id){
  // 获取表格元素和该id元素
  var elem = document.getElementById(id)
  var table = document.getElementById('age-table')
  
  // 从内部开始遍历，判断父节点是否是表格元素
  while (elem != table && elem) {
    elem = elem.parentNode
  }
  
  // 转换为Boolean值
  return !!elem
}