Create Attribute of JavaScript

Question

function add() {
  var e_type = document.createElement("p");

  var p_type = document.getElementById("self");

  var text = document.createTextNode("I am a slow walker, but I never walk back.");

  e_type.appendChild(text);

  p_type.appendChild(e_type);

  var pattribute = document.createAttribute("id");

  pattribute.value = "test";

  element.setAttributeNode(pattribute);
}

#test {
  color: blue;
  font-style: bold;
}

<div id="self">

  <p>Hello, Thought of the Day</p>

</div>

<button onclick="add()">Click me</button>

:- Added element text color is not changing by the use of createAttribute but rest of the tag are changing their color which are using this ID(test).

whts that element.setAttributeNode(pattribute); element here ? — Gayathri Mohan
– Gayathri Mohan, Commented Jul 19, 2016 at 10:09
what @gayathri said. Also you can use setAttribute('name', 'value') instead. — Dellirium
– Dellirium, Commented Jul 19, 2016 at 10:10
createElement of type "p" :- var e_type = document.createElement("p"); and its textElement :- var text = document.createTextNode("I am a slow walker, but I never walk back."); — Dj_learner
– Dj_learner, Commented Jul 19, 2016 at 10:10
I've updated your code to be a runnable snippet in the browser - note how it displays the error when you run the code. If you open your browser dev tools (usually F12), you will similarly be able to see these errors in your own pages while you're developing. — James Thorpe
– James Thorpe, Commented Jul 19, 2016 at 10:15

eltonkamami · Accepted Answer · 2016-07-19 10:12:30Z

1

element.setAttributeNode(pattribute);

is wrong

if you want to style the new p make it

e_type.setAttributeNode(pattribute);

if you need to style them both

p_type.setAttributeNode(pattribute);

answered Jul 19, 2016 at 10:12

eltonkamami

5,1881 gold badge24 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dj_learner Over a year ago

** Thanks @eltonkamami **

Gayathri Mohan · Accepted Answer · 2016-07-19 10:13:31Z

1

refere this becuase your question element is not defined https://plnkr.co/edit/FmaXvsWdVFT7mSB3whxs?p=preview

i changed to

 e_type.setAttributeNode(pattribute);

answered Jul 19, 2016 at 10:13

Gayathri Mohan

2,9724 gold badges21 silver badges26 bronze badges

Collectives™ on Stack Overflow

Create Attribute of JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related