java脚本 - 如何创建不同的元素 [英] java script - how can i create different element

问题描述

var satr = document.createElement（'tr'）;



我创建新标签（tr）< tr>< / tr>并且我通过Id（主）定义它的appendChild标签



var element = document.getElementById（'main'）



如果在网上多次创建它我怎么能删除它？

请为我解释一下！



我可以为每个（tr）定义Id，因为我有几个（tr）

解决方案

有很多方法可以做到这一点，即使没有所有元素的唯一ID也是如此被删除，但是你应该定义元素的标准作为删除的主题，你保持沉默。

无论如何，我建议使用jQuery： http://api.jquery.com/category/manipulation/ [ ^ ]。



如果你需要学习jQuery（强烈推荐），请参阅：

http：//en.wikip edia.org/wiki/JQuery [ ^ ]，

http://jquery.com/ [ ^ ]，

http：// learn。 jquery.com/ [ ^ ]，

http://learn.jquery.com/using-jquery-core/ [ ^ ]，

http://learn.jquery.com/about-jquery/how-jquery-works/ [ ^ ]（从这里开始）。

-SA

从技术上讲，您可以为所有 tr 定义ID同样就像你的所有 td 一样。这可能听起来很奇怪但并非不可能。



现在你想删除没有任何Id的某一行。



各种方法可以应用。

1. table_object.deleteRow（rowNumber）;

2.如果您没有行号，则必须遵循某些操作。你的Javascript不会读你的想法。您必须以某种方式单击某个按钮。



这里是一个如何工作的例子

  <   SCRIPT  >  
  function  deleteMe（btnObj）
 {
 par = btnObj; 
  while （（par = par.parentNode）！== '  undefined'）
 {
  if （par.tagName == '  TR'）
 {
 par.parentNode.removeChild（par）; 
  return ; 
} 
} 
} 
 < /   SCRIPT  >  
< table id = '  tblname'> 
< tr> 
< td>< input type = '  button' value =  删除此row_1' onclick = '  deleteMe（this）'> < /   td  < span class =code-keyword>>  
 < /   tr  >  
< tr> 
< td>< input type = '  button' value = ' 删除此row_2' onclick = '  deleteMe（this）'> < /   td  < span class =code-keyword>>  
 < /   tr  >  
< tr> 
< td>< input type = '  button' value = ' 删除此row_3' onclick = '  deleteMe（this）'> < /   td  < span class =code-keyword>>  
 < /   tr  >  
 < /   table  >  

如何放置个人ID的示例对于你所有的tr和td

 <  表 >  
 <   T R     id   ='  tr_1' >  
 <   TD     id   ='  td_1_1' >  <   / TD  >  <   TD     id   ='  td_1_2' >  <   / TD  >  <   TD     id   ='  td_1_3' >  <   / TD  >  
 <   / TR  >  
 <   TR     id   ='  tr_2' >  
 <   TD     id   ='  td_2_1 ' >  <   / TD  >  <  道明    id   ='  td_2_2' >  <   / TD  >  <   TD     id   ='  td_2_3' >  <  < span class =code-leadattribute> / TD  >  
 <   / TR  >  
 <   TR     id   ='  tr_3' >  
 <   TD     id   ='  td_3_1' >  <   / TD  >  < span class =code-keyword><   TD     id   ='  td_3_2' > ;  <   / TD  >  <   TD     id   ='  td_3_3' >  <   / TD  >  
 <   / TR  >  
 <   / TABLE  >  

并不复杂。

< blockquote>我理解这个函数是通过DOM方法做的。我找到了解决这个问题的不同方法。



功能添加（）

{

var person = document .createElement（'tr'）



var deleteLink = document.createElement（'a'）;

deleteLink.appendChild（deleteTextNode）

deleteLink.href =＃

deleteLink.onclick = function（）{deleteRow2（person）

}



如果客户点击链接标签onclick（人）开始工作，但是多次制作的peron是不同的。相同的（TR）是人。



< a heref =＃onclick =deletRow2（person）> delete< / a>



函数deleteRow（）

{

var person = event.srcElement.parentElement.parentElement

var list = document.getElementById（'tblList'）

list.removeChild（person）

}

var satr=document.createElement('tr');

I create new tag (tr) <tr></tr> and I define it appendChild for tag by Id (main)

var element=document.getElementById('main')

If create it in web for several times how can I remove it ?
please explain for me !

I can't define Id for each (tr) because I have several (tr)

解决方案

There are many methods of doing it, even without having unique IDs for all elements to be removed, but then you should define the criteria for the elements to be a subject for deletion, and you keep silence about it.
Anyway, I would advise to use jQuery: http://api.jquery.com/category/manipulation/[^].

If you need to learn jQuery (highly recommended), please see:
http://en.wikipedia.org/wiki/JQuery[^],
http://jquery.com/[^],
http://learn.jquery.com/[^],
http://learn.jquery.com/using-jquery-core/[^],
http://learn.jquery.com/about-jquery/how-jquery-works/[^] (start from here).

—SA

technically you can define id for all of your tr as well as all of your td. It may sound strange but not impossible.

Now you are thinking to delete a certain row which does not have any Id.

Various method can be applied.
1. table_object.deleteRow(rowNumber);
2. If you don't have the row number then you must have to follow certain action. Your Javascript is not going to read your mind. You will have to click some button in some fashion.

here is an example how it might work

<SCRIPT>
function deleteMe(btnObj)
{
 par=btnObj;
 while((par=par.parentNode)!=='undefined')
 { 
   if(par.tagName=='TR')
   {
    par.parentNode.removeChild(par);
    return;
   }
 }
}
</SCRIPT>
<table id='tblname'>
<tr>
<td><input type='button' value='delete this row_1' onclick='deleteMe(this)'></td>
</tr>
<tr>
<td><input type='button' value='delete this row_2' onclick='deleteMe(this)'></td>
</tr>
<tr>
<td><input type='button' value='delete this row_3' onclick='deleteMe(this)'></td>
</tr>
</table>

example of how you can put individual id for all of your tr and td

<TABLE>
<TR id='tr_1'>
 <TD id='td_1_1'></TD><TD id='td_1_2'></TD><TD id='td_1_3'></TD>
</TR>
<TR id='tr_2'>
 <TD id='td_2_1'></TD><TD id='td_2_2'></TD><TD id='td_2_3'></TD>
</TR>
<TR id='tr_3'>
 <TD id='td_3_1'></TD><TD id='td_3_2'></TD><TD id='td_3_3'></TD>
</TR>
</TABLE>

its not that complicated.

I understand this function do by DOM method . I find different way for solve this problem .

Function Add()
{
var person = document.createElement('tr')

var deleteLink = document.createElement('a');
deleteLink.appendChild(deleteTextNode)
deleteLink.href = "#"
deleteLink.onclick = function(){deleteRow2(person)
}

If client click on Link Tag onclick (person) start to work but peron(s) who made in several times is different . The same (TR) is person .

<a heref="#" onclick="deletRow2(person)">delete</a>

function deleteRow()
{
var person = event.srcElement.parentElement.parentElement
var list = document.getElementById('tblList')
list.removeChild(person)
}

这篇关于java脚本 - 如何创建不同的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！