| <!DOCTYPE html> |
| <meta charset=utf-8> |
| <title>Get Element Attribute Extended</title> |
| |
| <span id=my_id_with_a_relatively_long_name_test class=my_id_with_a_relatively_long_name_test_class>Span</span> |
| <span id=my-id>Span</span> |
| |
| <div class=container> |
| <div id=div1 name=div-name> |
| <div id=div1-1_div1> |
| <h1 id=h1_div1.1_div1 class=span-class>h1 element, id:h1_div1.1_div1</h1> |
| </div> |
| </div> |
| |
| <div class=div-depth-2> |
| <div class=div-depth-3> |
| <div class=div-depth-4> |
| <span id=my_id_with_a_relatively_long_name_test class=my_id_with_a_relatively_long_name_test_class>Span</span> |
| </div> |
| </div> |
| </div> |
| |
| <div> |
| <a>anchor text 123</a> |
| <a>anchor text 123</a> |
| |
| <select> |
| <option id="opt-1" style="font-size: 11px; display: block;" selected>My Option 1</option> |
| <option class="opt" >My Option 2</option> |
| <option value="one">My Option 3</option> |
| </select> |
| </div> |
| |
| <a id="no-vi-1" class="cant-see" style="display:none">no visibility</a><br/> |
| <a id="no-vi-2" style="display:none">no visibility</a><br/> |
| <a id="no-vi-2" style="display:none">no visibility</a><br/> |
| |
| <span id=my_id_with_a_relatively_long_name_test2>Span</span> |
| <span id="id.period">Span</span> |
| </div> |
| |
| <div id=id_attribute_accesskey accesskey=nothing></div> |
| |
| <!-- Multiple elements with same class --> |
| |
| <div id=id_div_multiple_elements_same_class_nested_depth_0 class=multiple_elements_same_class_nested> |
| <div id=id_multiple_elements_same_class_nested_div_depth_1 class=multiple_elements_same_class_nested> |
| <div id=id_multiple_elements_same_class_nested_div_depth_2 class=multiple_elements_same_class_nested> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Attribute name with special characters --> |
| <div id=id_special_char_attribute_name *=special_char_attribute_name></div> |
| |
| <!-- Attribute value with special characters --> |
| <div id=id_special_char_attribute_value name="*"></div> |
| |
| <!-- Attribute value and name with special characters --> |
| <div id=id_special_char_attribute_name_and_value @="("></div> |
| |
| <!-- Attribute name is numeric. --> |
| <div id"id_attribute_name_numeric 1="numeric attribute name"></div> |
| |
| <!-- Attribute value is numeric. --> |
| <div id=id_attribute_value_numeric one=2></div> |
| |
| <!-- Attribute name is negative numeric. --> |
| <div id=id_attribute_negative_numeric_name -5="attribute name is -5"></div> |
| |
| <!-- Attribute value is negative numeric. --> |
| <div id=id_attribute_negative_numeric_value negative_numeric_value=-9></div> |