Auf Thema antworten 2026

Beitrag

<blockquote data-quote="mindraper" data-source="post: 2387797" data-attributes="member: 115163">moinsen,tablerow elemente kennen das value-attribut nicht. aus diesem grund funktioniert &quot;setAttribute&quot; hier nicht. es gibt hier mehrere lösungen, im folgenden beschrieben von &quot;sauberste&quot; zu &quot;unsauberste&quot;:<ol>
<li data-xf-list-type="ol">eines der globalen html-attribute verwenden. beispielsweise &quot;title&quot;, &quot;class&quot;, &quot;data-xxx&quot; oder sonstige der verfügbaren. eine übersicht gibt&#039;s hier: 
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes</a></li>
<li data-xf-list-type="ol">bereits geklonte tr-elemente als referenzvariablen in einem array oder object cachen und vor dem erzeugen eines neuen klons abgleichen, ob schon eine kopie erzeugt wurde. in javascript werden dom-elemente by-reference verglichen, nicht by-value, so dass ein bereits erzeugter klon faktisch immer eindeutig ist und per striktem vergleich (===) abgeglichen werden kann. 
[CODE]// contains every tr which has already been cloned 
var cloned = []; 
 
var isAlreadyCloned = function (node) { 
&nbsp; &nbsp; // iterator function to check if the given 
&nbsp; &nbsp; // node has already been cloned 
&nbsp; &nbsp; return function (cloned) { 
&nbsp; &nbsp; &nbsp; &nbsp; return cloned === node; 
&nbsp; &nbsp; } 
} 
 
var makeClone = function (clonable) { 
&nbsp; &nbsp; // clonable = row, tr = superTestVariable 
&nbsp; &nbsp; var tr; 
&nbsp; &nbsp; if (!cloned.some(isAlreadyCloned(clonable))) { 
&nbsp; &nbsp; &nbsp; &nbsp; // if clonable has not been cloned, 
&nbsp; &nbsp; &nbsp; &nbsp; // add it to the cloned collection and 
&nbsp; &nbsp; &nbsp; &nbsp; // make a clone which is added to the DOM 
&nbsp; &nbsp; &nbsp; &nbsp; tr = clonable.cloneNode(true); 
&nbsp; &nbsp; &nbsp; &nbsp; clonable.parentNode.insertBefore(tr, clonable); 
 
&nbsp; &nbsp; &nbsp; &nbsp; cloned.push(clonable); 
&nbsp; &nbsp; &nbsp; &nbsp; cloned.push(tr); 
&nbsp; &nbsp; } 
} 
 
makeClone(row); 
[/CODE] 
 
</li>
<li data-xf-list-type="ol">setAttribute() nicht verwenden und &quot;value&quot; direkt setzen. das funktioniert zwar, allerdings ist damit das erzeugte markup nicht mehr valide. 
[CODE] 
var tr = row.cloneNode(true); 
tr.value = &#039;copy&#039;; 
tr.parentNode.insertBefore(tr, row); 
[/CODE]</li>
</ol>persönlich würde ich variante (1) nutzen, die macht vermutlich am wenigsten arbeit und ist genauso valide wie variante (2). beispiel:[CODE]var isCloned = function (node) {&nbsp; &nbsp; return (/\s?copy\b/g).test(node.className);}var makeClone = function (clonable) {&nbsp; &nbsp; var tr, classes;&nbsp; &nbsp; if (!isCloned(clonable)) {&nbsp; &nbsp; &nbsp; &nbsp; // if clonable has not been cloned,&nbsp; &nbsp; &nbsp; &nbsp; // clone it, split (maybe) existend classnames into a array,&nbsp; &nbsp; &nbsp; &nbsp; // add the &#039;copy&#039; class and concatenate them to a string&nbsp; &nbsp; &nbsp; &nbsp; // which is the new classname and add the clone to&nbsp; &nbsp; &nbsp; &nbsp; // the DOM&nbsp; &nbsp; &nbsp; &nbsp; tr = clonable.cloneNode(true);&nbsp; &nbsp; &nbsp; &nbsp; classes = tr.className.split(&#039; &#039;);&nbsp; &nbsp; &nbsp; &nbsp; classes.push(&#039;copy&#039;);&nbsp; &nbsp; &nbsp; &nbsp; tr.className = classes.join(&#039; &#039;);&nbsp; &nbsp; &nbsp; &nbsp; clonable.parentNode.insertBefore(tr, clonable);&nbsp; &nbsp; }}makeClone(row);[/CODE]hoffe das hilft</blockquote>

[QUOTE="mindraper, post: 2387797, member: 115163"] moinsen, tablerow elemente kennen das value-attribut nicht. aus diesem grund funktioniert "setAttribute" hier nicht. es gibt hier mehrere lösungen, im folgenden beschrieben von "sauberste" zu "unsauberste": [LIST=1] [*]eines der globalen html-attribute verwenden. beispielsweise "title", "class", "data-xxx" oder sonstige der verfügbaren. eine übersicht gibt's hier: [url]https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes[/url] [*]bereits geklonte tr-elemente als referenzvariablen in einem array oder object cachen und vor dem erzeugen eines neuen klons abgleichen, ob schon eine kopie erzeugt wurde. in javascript werden dom-elemente by-reference verglichen, nicht by-value, so dass ein bereits erzeugter klon faktisch immer eindeutig ist und per striktem vergleich (===) abgeglichen werden kann. [CODE]// contains every tr which has already been cloned var cloned = []; var isAlreadyCloned = function (node) { // iterator function to check if the given // node has already been cloned return function (cloned) { return cloned === node; } } var makeClone = function (clonable) { // clonable = row, tr = superTestVariable var tr; if (!cloned.some(isAlreadyCloned(clonable))) { // if clonable has not been cloned, // add it to the cloned collection and // make a clone which is added to the DOM tr = clonable.cloneNode(true); clonable.parentNode.insertBefore(tr, clonable); cloned.push(clonable); cloned.push(tr); } } makeClone(row); [/CODE] [*]setAttribute() nicht verwenden und "value" direkt setzen. das funktioniert zwar, allerdings ist damit das erzeugte markup nicht mehr valide. [CODE] var tr = row.cloneNode(true); tr.value = 'copy'; tr.parentNode.insertBefore(tr, row); [/CODE] [/LIST] persönlich würde ich variante (1) nutzen, die macht vermutlich am wenigsten arbeit und ist genauso valide wie variante (2). beispiel: [CODE] var isCloned = function (node) { return (/\s?copy\b/g).test(node.className); } var makeClone = function (clonable) { var tr, classes; if (!isCloned(clonable)) { // if clonable has not been cloned, // clone it, split (maybe) existend classnames into a array, // add the 'copy' class and concatenate them to a string // which is the new classname and add the clone to // the DOM tr = clonable.cloneNode(true); classes = tr.className.split(' '); classes.push('copy'); tr.className = classes.join(' '); clonable.parentNode.insertBefore(tr, clonable); } } makeClone(row); [/CODE] hoffe das hilft [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?