如何使用javascript在列表中添加剪切字符串?
我对JavaScript有一个小问题。我想将字符串(格式:一二三)添加到列表中,但这会减少符号(“-”)和每个元素标记的添加。我试图解决这个问题,可惜没有成功。以下是我的职能: 函数listAdd(){如何使用javascript在列表中添加剪切字符串?,javascript,arrays,Javascript,Arrays,我对JavaScript有一个小问题。我想将字符串(格式:一二三)添加到列表中,但这会减少符号(“-”)和每个元素标记的添加。我试图解决这个问题,可惜没有成功。以下是我的职能: 函数listAdd(){ var string=document.forms[“form1”].elements[“stringAdd”].value; 如果(字符串!=“”){ var数组=string.split(“”); var eredmeny=array.some(函数(v){return v==“-”;});
var string=document.forms[“form1”].elements[“stringAdd”].value;
如果(字符串!=“”){
var数组=string.split(“”);
var eredmeny=array.some(函数(v){return v==“-”;});
if(eredmeny){
对于(var i=0;i我的假设是,您正在尝试从由“-”字符分隔的字符串创建li
项。如果是这样,请参见以下内容:
您可以使用.split()
函数将字符串拆分为子组件,然后迭代这些元素,创建列表项并将它们附加到文档正文中
var mystr='一两三';
var components=mystr.split('-');
组件。forEach(功能(comp){
var item=document.createElement('li');
item.textContent=comp;
//在此处设置项目的属性
文件.正文.附件(项);
})
我想你是说你有一个像“一二三”
这样的字符串,你想在-
上拆分它,然后将结果“一”
,“二”
和“三”
添加到列表中
如果是这样,您希望使用split(“-”)
而不是split(“”
),并且不需要some
来检查-
。此外,您可以使用createTextNode
来放入列表项内容(textContent
不兼容跨浏览器),并且只需要获取列表一次:
函数listAdd(){
var string=document.forms[“form1”].elements[“stringAdd”].value;
如果(字符串!=“”){
var list=document.getElementById(“gyumi”);
string.split(“-”).forEach(函数(条目){
var newElement=document.createElement('li');
appendChild(document.createTextNode(条目));
list.appendChild(新元素);
});
}
}
listAdd();
您可以使用拆分来完成此操作,但如果您按-
拆分,则会变得容易得多。然后,您就有了想要添加到列表中的值
其次,如果在提交表单时运行此功能,或单击表单按钮,请确保取消表单提交
最后,当项目已添加到列表中时,您需要在输入中清除
函数listAdd(){
var inp=document.forms[“form1”]。elements[“stringAdd”];
var list=document.getElementById(“gyumi”);
变量字符串=inp.value;
如果(字符串!=“”){
string.split('-').forEach(函数(项){//由连字符分割
var newElement=document.createElement('li');
newElement.textContent=项目;
list.appendChild(newElement);//不是文本节点
});
}
//添加项目后清除输入:
inp.value='';
返回false;//取消表单提交
}
项目:[按enter键添加]
我不明白你想做什么OP对文本内容的使用很好。不要建议为此使用innerHTML
。谢谢你的回答。这解决了我的问题。谢谢你的回答!:)它解决了我的问题。
var string = document.forms["form1"].elements["stringAdd"].value;
if(string != ""){
var array = string.split("");
var eredmeny = array.some(function(v) { return v == "-";});
if(eredmeny){
for(var i = 0; i <array.length; i++){
if(array[i] != "-"){
var newElement = document.createElement('li');
array[i] = array.toString();
newElement.textContent = array[i];
var list = document.getElementById("gyumi");
list.appendChild(list.createTextNode(array[i]));
}
}
}
else{
var newElement = document.createElement('li');
newElement.textContent = szoveg;
var list = document.getElementById("gyumi");
list.appendChild(newElement);
}
}