add method

Adds an element to the areas, controlRange, or options collection.

Syntax

Parameters

element [in]

Type: IHTMLElement

Object that specifies the element to add to the collection.

before [in, optional]

Type: Variant

Variant of type Integer that specifies the index position in the collection where the element is placed. If no value is given, the method places the element at the end of the collection.

Return value

Type: HRESULT

If this method succeeds, it returns S_OK. Otherwise, it returns an HRESULT error code.

Standards information

• Document Object Model (DOM) Level 2 HTML Specification, Section 1.6.5

Remarks

Before you can add an element to a collection, you must create it first by using the createElement method.

Examples

This example uses the add method to insert an object into the options collection of a select object. In Internet Explorer, the option element must be added to the collection prior to setting properties.

<select id="oSelect">
    <option value="1">One</option>
</select>

<script type="text/javascript">
var oSelect = document.getElementById('oSelect');
var oOption = document.createElement('OPTION');
// Add the option to the collection first, then set properties
oSelect.options.add(oOption);
oOption.innerHTML = "Two";
oOption.value = "2";
</script>

Alternatively, you can achieve the same result with less code by using the array syntax of the options collection to append a new Option element.

<script type="text/javascript">
var opts = document.getElementById('oSelect').options;
opts[opts.length] = new Option("Three","3");
</script>

See also

areas

controlRange

options

select

remove

Build date: 11/28/2012