Javascript 获取错误“;意外标记“;在HTML表单的HTML DOM脚本中
我正在用phonegap开发一个android应用程序。我正试图在其中一个页面中使用HTML表单,有人告诉我应该使用HTMLDOM。我已经制作了脚本,但是我得到了一个错误:意外令牌 以下是HTML中的示例代码:Javascript 获取错误“;意外标记“;在HTML表单的HTML DOM脚本中,javascript,android,html,dom,Javascript,Android,Html,Dom,我正在用phonegap开发一个android应用程序。我正试图在其中一个页面中使用HTML表单,有人告诉我应该使用HTMLDOM。我已经制作了脚本,但是我得到了一个错误:意外令牌 以下是HTML中的示例代码: <form name="editNoteForm" id="formaltera" method="post" action="index.html"> <div data-role="fieldcontain"> <label for="pri
<form name="editNoteForm" id="formaltera" method="post" action="index.html">
<div data-role="fieldcontain">
<label for="primeiroNome">Primeiro Nome</label>
<input type="text" name="primeiroNome" id="primeiroNome">
</div>
<div data-role="fieldcontain">
<label for="ultimoNome">Ultimo Nome</label>
<input type="text" name="ultimoNome" id="ultimoNome">
</div>
<div data-role="fieldcontain">
<label for="numeroTelefone">Telefone</label>
<input type="number" name="numeroTelefone" id="numeroTelefone">
</div>
<div data-role="fieldcontain">
<input type="submit" id="submit" value="Guardar">
</div>
</form>
Primeiro Nome
终极名词
电传
这是我制作的脚本,我可以得到类似上面的HTML代码
<form name="formaltera" id="formaltera" method="post" action="index.html"></form>
<script charset="utf-8" language="javascript">
var temp1 = localStorage.getItem("selected");
var temp = localStorage.getItem(temp1);
temp = temp.split(";");
var firstName = temp[0];
var lastName = temp[1];
var phoneNumber = temp[2];
var form = document.getElementById('formaltera');
var formBody = form.childNodes[0];
var div = document.createElement('div');
var inputTextA = document.createElement('input');
var inputTextB = document.createElement('input');
var inputTextC = document.createElement('input');
var inputSubmit = document.createElement('input');
var labelA = document.createElement('label');
var labelB = document.createElement('label');
var labelC = document.createElement('label');
var labelTextA = document.createTextNode('Primeiro Nome');
var labelTextB = document.createTextNode('Ultimo Nome');
var labelTextC = document.createTextNode('Telefone');
div.data-role = "fieldcontain";
labelA.for = "primeiroNome"; //I'm getting an error in here
labelB.for = "ultimoNome";
labelC.for = "numeroTelefone";
inputTextA.type = "text";
inputTextA.name = "primeiroNome";
inputTextA.id = "primeiroNome";
inputTextA.value = firstName;
inputTextB.type = "text";
inputTextB.name = "ultimoNome";
inputTextB.id = "ultimoNome";
inputTextB.value = lastName;
inputTextC.type = "number";
inputTextC.name = "numeroTelefone";
inputTextC.id = "numeroTelefone";
inputTextC.value = phoneNumber;
inputSubmit.type = "submit";
inputSubmit.name = "submit";
inputSubmit.id = "submit";
inputSubmit.value = "Guardar";
form.appendChild(div);
div.appendChild(labelA);
labelA.appendChild(labelTextA);
div.appendChild(inputTextA);
form.appendChild(div);
div.appendChild(labelB);
labelA.appendChild(labelTextB);
div.appendChild(inputTextB);
form.appendChild(div);
div.appendChild(labelC);
labelA.appendChild(labelTextC);
div.appendChild(inputTextC);
form.appendChild(div);
div.appendChild(inputSubmit));
</script>
var temp1=localStorage.getItem(“选定”);
var temp=localStorage.getItem(temp1);
温度=温度拆分(“;”);
var firstName=temp[0];
var lastName=temp[1];
var phoneNumber=temp[2];
var form=document.getElementById('formaltera');
var formBody=form.childNodes[0];
var div=document.createElement('div');
var inputTextA=document.createElement('input');
var inputExtB=document.createElement('input');
var inputExtC=document.createElement('input');
var inputSubmit=document.createElement('input');
var labelA=document.createElement('label');
var labelB=document.createElement('label');
var labelC=document.createElement('label');
var labelTextA=document.createTextNode('primeironome');
var labelTextB=document.createTextNode('Ultimo Nome');
var labelTextC=document.createTextNode('Telefone');
div.data-role=“fieldcontain”;
labelA.for=“primeiroNome”//我这里有个错误
labelB.for=“多单体”;
labelC.for=“numeroTelefone”;
inputTextA.type=“text”;
InputExta.name=“primeiroNome”;
InputExta.id=“primeiroNome”;
inputTextA.value=firstName;
InputExtB.type=“文本”;
inputExtB.name=“多单体”;
InputExtB.id=“多单体”;
InputExtB.value=姓氏;
inputExtc.type=“编号”;
inputExtc.name=“numeroTelefone”;
InputExtC.id=“numeroTelefone”;
InputExtC.value=电话号码;
inputSubmit.type=“提交”;
inputSubmit.name=“提交”;
inputSubmit.id=“提交”;
inputSubmit.value=“Guardar”;
表格.附属儿童(div);;
儿童分部(拉贝拉);
附属子(labelTextA);
附加子类(inputTextA);
表格.附属儿童(div);;
儿童分部(labelB);
labelA.appendChild(labelTextB);
附件子类(inputTextB);
表格.附属儿童(div);;
儿童分部(labelC);
labelA.appendChild(labelTextC);
附属儿童分部(inputTextC);
表格.附属儿童(div);;
div.appendChild(inputSubmit));
HTML代码可能与我编写的脚本有点不同,因为我编写它只是为了阐明您的想法。提前谢谢。希望我能很好地解释我自己。for属性的
应该通过htmlFor
属性分配
labelA.htmlFor = ...
请参阅以获取更多参考谢谢。我认为它已经纠正了错误,但现在在“div.data-role=“fieldcontain”上给出了一个错误;正在说“未捕获引用错误:赋值中的左侧无效…”。你能帮助我吗?感谢SUSEdiv[“数据角色”]=“字段包含”代码>该div应该显示一条分割输入的灰色线。它不再给我任何错误,但线路没有显示。顺便说一下,谢谢你的回答。有什么想法吗?谢谢,如果没有一个例子和应用的css,我就说不出来了。这应该是另一个问题