Skip to content

Commit

Permalink
studying haaard
Browse files Browse the repository at this point in the history
  • Loading branch information
@f2acode
f2acode committed Oct 16, 2017
1 parent b9de5c9 commit 88e2492
Show file tree
Hide file tree
Showing 3 changed files with 301 additions and 58 deletions.
170 changes: 132 additions & 38 deletions ...ecure data/2 - Write code that interacts with UI controls/prog-add-modify-html/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,8 @@
<h1>Examples</h1>
<a id="accessKey" href="https://www.google.com">
AccessKey - Press ALT + O
</a><br>
</a>
<br>
<p id="eventListener">AddEventListener() - Click here</p>
<p id="appendChild">AppendChild</p>
<p id="attributes">Attributes</p>
Expand All @@ -30,68 +31,161 @@ <h1>Examples</h1>
</a>
<p id="childElementCount">
Child element count
<a>Child 1</a><br/>
<a>Child 1</a>
<br/>
<a>Child 2</a>
</p>
<p id="childNodes">
<a>Child node 1</a><br/>
<a>Child node 2</a> <br/> Text
<a>Child node 1</a>
<br/>
<a>Child node 2</a>
<br/> Text
<!-- Comment -->
</p>
<p id="children">
Children
<a>Child 1</a><br/>
<a>Child 2</a> <br/> Text
Children
<a>Child 1</a>
<br/>
<a>Child 2</a>
<br/> Text
<!-- Comment -->
</p>
<p id="classList" class="azul"> ClassList<br> </p>
<p id="className" class="verde">ClassName<br> </p>
<p id="click">Click() - this is click on the event handler<br></p>
<p id="clientHeight">ClientHeight<br></p>
<p id="clientWidth">ClientWidth<br></p>
<p id="clientLeft">ClientLeft<br></p>
<p id="clientTop">ClientTop<br></p>
<p id="cloneNode">CloneNode() <br></p>
<p id="compareDocumentPosition">Compare document position, elements: <br></p>
<p id="classList" class="azul"> ClassList
<br> </p>
<p id="className" class="verde">ClassName
<br> </p>
<p id="click">Click() - this is click on the event handler
<br>
</p>
<p id="clientHeight">ClientHeight
<br>
</p>
<p id="clientWidth">ClientWidth
<br>
</p>
<p id="clientLeft">ClientLeft
<br>
</p>
<p id="clientTop">ClientTop
<br>
</p>
<p id="cloneNode">CloneNode()
<br>
</p>
<p id="compareDocumentPosition">Compare document position, elements:
<br>
</p>
<p id="contains">
Contains()
<a id="containsContained">Contained</a>
<br>
</p>
<p id="contentEditable">ContentEditable - this element was set editable<br></p>
<p id="contentEditable">ContentEditable - this element was set editable
<br>
</p>

<p id="dir">Dir - the reading order was set<br></p>
<p id="firstChild">First child<a>Child 5</a><br/>
<a>Child 2</a><br/>
<p id="dir">Dir - the reading order was set
<br>
</p>
<p id="firstChild">First child
<a>Child 5</a>
<br/>
<a>Child 2</a>
<br/>
</p>
<p id="firstElementChild">FirstElementChild()
<a>Child 5</a><br/>
<a>Child 2</a><br/>
<a>Child 5</a>
<br/>
<a>Child 2</a>
<br/>
</p>
<p id="getAttribute" class="classGetAttribute">GetAttribute()
<br>
</p>
<p id="getAttribute" class="classGetAttribute">GetAttribute()<br></p>
<p id="getAttributeNode" class="classGetAttributeNode">
GetAttributeNode()<br>
GetAttributeNode()
<br>
</p>
<p id="getElementsByClassName">
GetElementsByClassName()
<br/>
<a class="childGetElementsByClassName">Child 1</a><br/>
<a class="childGetElementsByClassName">Child 2</a><br/>
<a class="childGetElementsByClassName">Child 1</a>
<br/>
<a class="childGetElementsByClassName">Child 2</a>
<br/>
<br>
</p>
<p id="getElementsByTagName">
getElementsByTagName()
<br/>
<a>Child 1</a><br/>
<a>Child 2</a><br/>
<br>
</p>
<p id="hasAttribute">HasAttribute()<br></p>
<p id="hasAttributes">HasAttributes()<br></p>
<p id="hasChildNodes">HasChildNodes()<br></p>
<p id="id">id<br></p>
<p id="inneHTML">innetHTML<br></p>
<p id=""><br></p>
getElementsByTagName()
<br/>
<a>Child 1</a>
<br/>
<a>Child 2</a>
<br/>
<br>
</p>
<p id="hasAttribute">HasAttribute()
<br>
</p>
<p id="hasAttributes">HasAttributes()
<br>
</p>
<p id="hasChildNodes">HasChildNodes()
<br>
</p>
<p id="id">id
<br>
</p>
<p id="inneHTML">innetHTML
<br>
</p>
<p id="insertBefore">insertBefore()
<a id="childInsertBefore">Child</a>
<br>
</p>
<p id="isContentEditable">
isContentEditable
<br>
</p>

<p id="isEqualNode">
<a id="isEqualNodeChildOne">child 1</a>
<a id="isEqualNodeChildTwo">child 2</a>
<br>
</p>
<p id="isSameNode">
<a id="isSameNodeChildOne">child 1</a>
<a id="isSameNodeChildTwo">child 2</a>
<br>
</p>
<p id="isSupported">isSupported #Obsolete
<br>
</p>
<p id="lang">lang
<br>
</p>
<p id="lastChild">lastChild
<br>
<br>
<a>firstChild</a>
<a>lastChild</a>
</p>
<p id="lastElementChild">
lastElementChild
<br>
<br>
<a>firstChild</a>
<a>lastChild</a>
</p>
<p id="namespaceURI">namespaceURI
<br>
</p>
<p id="nextSibling">
<a id="nextSiblingChildOne">firstChild</a>
<a id="nextSiblingChildTwo">lastChild</a>
<br>
</p>

</article>

</body>
Expand Down
Loading

0 comments on commit 88e2492

Please sign in to comment.