This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

cannot set param element value attribute using javascript setAttribute

  • 3 பதிலளிப்புகள்
  • 2 இந்த பிரச்னைகள் உள்ளது
  • 37 views
  • Last reply by cor-el

When appending param elements via createFragment the setAttribute javascript function does not set the "value" attribute. It is necessary to set the nodetext to add the this value attribute to the param element.

Second when using the latter method the generated html sets the "value" to the innerHTML. The resulting HTML when view by "Inspect" looks like this.

<param id="myID">myValue</param>

Note: [the element close text </param> is correctly displayed using Inspect but when using File->SavePageAs the ending text is not saved correctly. I have reported this in another Moz. question in FF Help.]

function setparamAttrs(parmID, parmVal) {

var gData = document.createDocumentFragment();
 var newNode = document.createElement("param");
 var textStr = document.createTextNode(parmVal);
 newNode.appendChild(textStr);
 newNode.setAttribute("id", parmID);
 //newNode.setAttribute("value", parmVal);  // this does not work
 //newNode.setAttribute("innerHTML", parmVal);  //this does not work
 gData.appendChild(newNode);
 document.body.appendChild(gData);

}

I was, however, able to retrieve the "value" after it was appended using:

var val = document.getElementById("parm0").value);

getAttribute("value") does not work either.

Finally I added the param elements to my HTML as this; <param id="myID">myValue</param>. I then attempted to extract the value using document.getElementById("myID").innerHTML. No text was returned. When I examined the HTML document with Inspect my HTML param element was displayed as <param id="myID">myVal. The closing element text was missing the same as when I use SavePageAs that I previously reported.

When appending param elements via createFragment the setAttribute javascript function does not set the "value" attribute. It is necessary to set the nodetext to add the this value attribute to the param element. Second when using the latter method the generated html sets the "value" to the innerHTML. The resulting HTML when view by "Inspect" looks like this. <param id="myID">myValue</param> Note: [the element close text </param> is correctly displayed using Inspect but when using File->SavePageAs the ending text is not saved correctly. I have reported this in another Moz. question in FF Help.] function setparamAttrs(parmID, parmVal) { var gData = document.createDocumentFragment(); var newNode = document.createElement("param"); var textStr = document.createTextNode(parmVal); newNode.appendChild(textStr); newNode.setAttribute("id", parmID); //newNode.setAttribute("value", parmVal); // this does not work //newNode.setAttribute("innerHTML", parmVal); //this does not work gData.appendChild(newNode); document.body.appendChild(gData); } I was, however, able to retrieve the "value" after it was appended using: var val = document.getElementById("parm0").value); getAttribute("value") does not work either. Finally I added the param elements to my HTML as this; <param id="myID">myValue</param>. I then attempted to extract the value using document.getElementById("myID").innerHTML. No text was returned. When I examined the HTML document with Inspect my HTML param element was displayed as <param id="myID">myVal. The closing element text was missing the same as when I use SavePageAs that I previously reported.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Yes, that is the correct way to code this and it works for me with no problems.

Read this answer in context 👍 0

All Replies (3)

You need to set the value attribute and not the innerHTML of a param if you want to inspect the value.

var val = document.getElementById("parm0").getAttribute("value"); 

function setparamAttrs(parmID, parmVal) {

 var gData =  document.createDocumentFragment();
 var newNode = document.createElement("param");

 newNode.setAttribute("id", parmID);
 newNode.setAttribute("value", parmVal);

 gData.appendChild(newNode);
 document.body.appendChild(gData);
}

setparamAttrs("param0", "test")
alert(document.getElementById("parm0").getAttribute("value"));
 

The reason I was getting the innerHTML was due to the textNode being added. Whatever text is in the textNode becomes innerHTML. Once this was removed the dynamically added param element was displayed correctly and when I performed a SavePageAs the resulting HTML output was correct. Below is the working code. Please post after you confirm then I will mark as the chosen solution.

<html>
<body>

<h3>Param Fragment Demo</h3>


<param id='testParm' value='testValue'>		

<script language="javascript">

// begin main

alert(document.getElementById("testParm").value);

var gData = document.createDocumentFragment();

var newNode = document.createElement("param");
//var textStr = document.createTextNode(".");
//newNode.appendChild(textStr);
newNode.setAttribute("value", "fragValue");
newNode.setAttribute("id", "fragParm");

gData.appendChild(newNode);
document.body.appendChild(gData);

alert(document.getElementById("fragParm").value);

// end main

</script>
</body>
</html>

cor-el மூலமாக திருத்தப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

Yes, that is the correct way to code this and it works for me with no problems.