Ad
How Does One Add A Above A Hidden I am trying to add a new div before the hidden div ValidationSummary1
var existingNode = document.getElementById('ValidationSummary1')
var addin = document.createElement('div')
addin.innerHTML = "Hello World!"
existingNode.insertBefore(addin,existingNode[0])
<div>
<div id="ValidationSummary1" class="Error" style="color:Red;display:none;">
</div>
</div>
Any help would be greatly appreciated.
AdAnswer
You can set the attribute id to the element using which you can set the textContent property. You also have to target the parentNode of the newly inserted node:
var existingNode = document.getElementById('ValidationSummary1');
var addin = document.createElement('div');
addin.id = 'newDiv';
existingNode.parentNode.insertBefore(addin,existingNode);
document.getElementById('newDiv').textContent = 'hello world';
<div>
<div id="ValidationSummary1" class="Error" style="color:Red;display:none;">
</div>
</div>
Adsource: stackoverflow.comRelated Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad
I am trying to add a new div before the hidden div ValidationSummary1
var existingNode = document.getElementById('ValidationSummary1')
var addin = document.createElement('div')
addin.innerHTML = "Hello World!"
existingNode.insertBefore(addin,existingNode[0])<div>
<div id="ValidationSummary1" class="Error" style="color:Red;display:none;">
</div>
</div>Any help would be greatly appreciated.
Ad
Answer
You can set the attribute id to the element using which you can set the textContent property. You also have to target the parentNode of the newly inserted node:
var existingNode = document.getElementById('ValidationSummary1');
var addin = document.createElement('div');
addin.id = 'newDiv';
existingNode.parentNode.insertBefore(addin,existingNode);
document.getElementById('newDiv').textContent = 'hello world';<div>
<div id="ValidationSummary1" class="Error" style="color:Red;display:none;">
</div>
</div> Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad