DOMAssistant.Content Module
The DOMAssistantContent module offers various methods for adding and removing content and elements to the page.
prev()
Gets a reference to the previous HTML element, automatically bypassing any text nodes that might in between.
Parameters
None.
Return value
Element's previous sibling element.
Example calls
$("container").prev();
next()
Gets a reference to the next HTML element, automatically bypassing any text nodes that might in between.
Parameters
None.
Return value
Element's next sibling element.
Example calls
$("container").next();
create(name, attr, append, content)
Creates an element, and optionally sets attributes on it, appends it to the current element and adds content to it.
Parameters
- name
- Tag name for the new element. Required.
- attr
- An object containing attributes and their values. Optional.
- append
- Boolean if the new element should be appended right away. Optional.
- content
- A string or HTML object that will become the content of the newly created element. Optional.
Return value
Element created by the method.
Example calls
$("container").create("div");
$("container").create("div", {
id : "my-div",
className : "my-class"
});
$("container").create("div", null, false, "Hello!");
$("container").create("div", {
id : "my-div",
className : "my-class"
}, true, "Hi there!");
setAttributes(attr)
Sets attributes on the current element.
Parameters
- attr
- An object containing attributes and their values. Required.
Return value
Element which called the method.
Example calls
$("container").setAttributes({
id : "my-div",
className : "my-class"
});
addContent(content)
Adds content to the current element.
Parameters
- content
- Can either be a string, which will then be applied using
innerHTML
, or an HTML object that will be applied usingappendChild
.
Return value
Element which called the method.
Example calls
$("container").addContent("<p>A new paragraph</p>");
$("container").addContent(document.createElement("p"));
replaceContent(newContent)
Replaces the content of the current element with new content.
Parameters
- newContent
- Can either be a string, which will then be applied using
innerHTML
, or a HTML object that will be applied usingappendChild
.
Return value
Element which called the method.
Example calls
$("container").replaceContent("<p>A new paragraph</p>");
$("container").replaceContent(document.createElement("p"));
remove()
Removes the current element.
Parameters
None.
Return value
Null.
Example calls
$("container").remove();
DOMAssistant.Content methods
DOMAssistant modules
- DOMAssistant Core
- DOMAssistant.AJAX
- DOMAssistant.Content
- DOMAssistant.CSS
- DOMAssistant.Events
- DOMAssistant.Load
CSS selectors
Download DOMAssistant
All modules in one file
-
DOMAssistant 2.5.7, compressed
(22kb, 7kb Gzipped) - Intended for production usage.
-
DOMAssistant 2.5.7, complete
(43kb) - Intended for learning and development usage.