innerHTML的误区

摘要:使用innerhtml出现嵌套了标签的问题

1、innerhtml会在标签的开始接结束中间插入信息
2、需要改对应的信息可以用对应的方法(通过class到的这个对象的信息而不是子集的信息)
3、代码如下

      // document.getElementsByClassName("el-button ")[0].innerText = '登陆'
    // document.getElementsByClassName("el-button ")[0].innerHTML = '<a href="https://doc.guosx.com/web/#/user/login">登陆<a>'
    document.getElementsByClassName("el-button ")[0].innerHTML = '登陆'
    document.getElementsByClassName("el-button ")[0].href = 'https://doc.guosx.com/web/#/user/login'
      document.getElementsByClassName("el-button ")[0].target = '_blank'
      // document.getElementsByClassName("el-button ")[1].innerText = '注册'
  // document.getElementsByClassName("el-button ")[1].innerHTML = '<a href="https://doc.guosx.com/web/#/user/register">注册<a>'
  document.getElementsByClassName("el-button ")[1].innerHTML = '注册'
  document.getElementsByClassName("el-button ")[1].href = 'https://doc.guosx.com/web/#/user/register'
    document.getElementsByClassName("el-button ")[1].target = '_blank'
评论
  • 2019-01-30 15:17:12 by Eric Guo
    如果直接在innerhtml里面加上html代码,就会在原始的代码中间将这个代码嵌套过去,跟实际的需求不符合