如何使用 javascript/jquery 访问嵌套 html 元素的值

Question

我有这段代码：

   <td class="fieldValue " id="Contacts_detailView_fieldValue_leadsource" >
     <span class="value" data-field-type="picklist" >
      <span >Partner</span>
     </span>
   </td>

如何访问值“Partner”？ 谢谢

Answer 1

您只需选择父元素，然后从那里转到子元素即可获取innerHtml

const value = document.querySelector(".value")
const partner = value.children; 

// partner[0] is for taking the first element 
// and then .innerHTML is for the content inside
console.log(partner[0].innerHTML)

Answer 2

我最终采用了这个解决方案：

function textSpan(id){
    const collection = document.getElementById(id);
    const value = collection.children;
    const final = value[0].children[0].innerText;
    return final;
}console.log(textSpan('Contacts_detailView_fieldValue_leadsource'));

谢谢大家的建议！