SyntaxFix

[javascript] Accessing elements by type in javascript

In plain-old JavaScript you can do this:

var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type.toLowerCase() == 'text') {
        alert(inputs[i].value);
    }
}

In jQuery, you would just do:

// select all inputs of type 'text' on the page
$("input:text")

// hide all text inputs which are descendants of div class="foo"
$("div.foo input:text").hide();

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to types

• Cannot invoke an expression whose type lacks a call signature • How to declare a Fixed length Array in TypeScript • Typescript input onchange event.target.value • Error: Cannot invoke an expression whose type lacks a call signature • Class constructor type in typescript? • What is dtype('O'), in pandas? • YAML equivalent of array of objects in JSON • Converting std::__cxx11::string to std::string • Append a tuple to a list - what's the difference between two ways? • How to check if type is Boolean

Examples related to element

• How can I loop through enum values for display in radio buttons? • How to count items in JSON data • Access multiple elements of list knowing their index • Getting Index of an item in an arraylist; • Octave/Matlab: Adding new elements to a vector • add item in array list of android • GetElementByID - Multiple IDs • Numpy ValueError: setting an array element with a sequence. This message may appear without the existing of a sequence? • Check if one list contains element from the other • How to get the focused element with jQuery?

Examples related to document

• Selenium wait until document is ready • GetElementByID - Multiple IDs • Difference between $(document.body) and $('body') • How do I convert a org.w3c.dom.Document object to a String? • Convert Mongoose docs to json • Create auto-numbering on images/figures in MS Word • Accessing elements by type in javascript • $(window).scrollTop() vs. $(document).scrollTop() • Get IFrame's document, from JavaScript in main document • "Access is denied" JavaScript error when trying to access the document object of a programmatically-created <iframe> (IE-only)