目标代码： divid=' userinfo ' class=' rowclborder-TG ' label class=' form-label col-xs-3 ' span class=' c-red ' SSS label divid=' div log in ' class=' form controls col-xs-9 ' input type=' text ' id=' txt loginname ' name=' loginame //div divid=' div msg ' style=' color : # ff 070 e； display : none ' h6 style=' margin :24 px00；' /*此登录名已存在！ *//h6 /div /divJS动态附加元素代码： function createSome () vard=document.getelementbyid ) ' userinfo ' )； varla=document.createelement (' label )； vars=document.createelement (span )； vard text=document.createelement (' div '； varitext=document.createelement (' input )； vard msg=document.createelement (div )； varhmsg=document.createelement (' h6 )； la.setattribute('class '，' form-label col-xs-3 ' )； s.setattribute('class '，' c-red ' )； s.append('* )； la.appendchild(s； la.append (登录用户名)； dtext.setattribute('id '，' divLogin ' )； dtext.setattribute('class '，' formControls col-xs-9 ' )； itext.setattribute('type '，' text ' )； itext.setattribute('id '，' txtLOGINNAME )； itext.setattribute('name '，' LOGINNAME ' )； itext.setattribute('class '，' input-text ' )； itext.setattribute('datatype '，' * '； itext.setattribute('nullmsg '，'必须填写【登录用户名】！ ' )； itext.setattribute('value '，' %=appuser.getQYID ) ) %' '${data.PERSONNELNO} )； itext.setattribute('onkeyup '，' loginCheck )；' )； msg.setattribute(id )、divMSG )； msg.setattribute(style，) color: #ff070e； 显示： none '； hmsg.setattribute('style '，' margin: 24px 0 0 0； ' )； hmsg.append('/*此登录名已存在！ (/) )； dtext.appendchild(itext； dmsg.appendchild(hmsg； d.appendchild(la； d.appendchild (文本； d.appendchild(dmsg； (//用户名中已有function loginCheck ) (Ajaxpost ) ) (${CTX}/tuser/logincheck )，{ loginname : $ (# txtloginnname ) document.getelementbyid (div log in ).class name=' form controls col-xs-6 )； document.getelementbyid(divmsg ).style.display='inline )； } else { document.getelementbyid (' txt loginname ' ).style=' '； document.getelementbyid(divmsg ) ).style.display='none )； document.getelementbyid (' div log in ' ).class name=' form controls col-xs-9 '； }； )； }添加元素时，appendChild ) )必须在添加子元素之前设置子元素的相关内容。 如果不设置，将报告元素为空。 另外，解决问题，不能局限于一种思维方式，要学会打破模式，以达到目的为前提。 (更高级的方法是不打算做什么，最后打算做什么。 当然这是推后。 现在作为个人，首先要以达到目的为前提，不考虑太多事情，而是进行多编码) )。
转载于：https://www.cn blogs.com/adkii/p/7145471.html