El objeto Object representa solo el elemento HTML <object> . Podemos acceder a cualquier elemento <object> usando getElementById(); y también puede crear un elemento de objeto usando createElement(); método.
Sintaxis:
- Se utiliza para acceder al elemento Objeto .
document.getElementById("id");
- Se utiliza para crear elementos de objeto .
document.createElement("object");
Valores de propiedad:
| Propiedad | Descripción |
|---|---|
| alinear | Se utiliza para establecer o devolver la alineación del objeto. |
| archivo | Se utiliza para establecer o devolver una string que es útil en la implementación de la función de archivo. |
| borde | Se utiliza para establecer o devolver el borde alrededor del objeto. |
| código | Se utiliza para establecer o devolver la url src de archivos de clases java compiladas. |
| códigoBase | Se utiliza para establecer o devolver la URL de los componentes. |
| datos | Se utiliza para establecer o devolver la URL del recurso. |
| forma | Se utiliza para devolver la referencia del formulario principal. |
| altura | Se utiliza para establecer o devolver la altura del objeto. |
| hespacio | Establecer o devolver el margen horizontal |
| nombre | Establecer o devolver el nombre del objeto |
| apoyar | Se utiliza para establecer o devolver mensajes mientras se carga el objeto. |
| escribe | Se utiliza para establecer o devolver el tipo de contenido de los datos descargados. |
| useMap | Se utiliza para establecer o devolver el nombre de un mapa de imagen del lado del cliente |
| espacio virtual | Establece o devuelve el margen vertical |
| ancho | Se utiliza para establecer o devolver el ancho del objeto. |
Ejemplo-1: acceder al elemento del objeto y devolver la URL del recurso
html
<!DOCTYPE html>
<html>
<body>
<center>
<object id="myobject"
width="400"
data="https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
</object>
<p>Click the button to get
the URL of the embedded file.</p>
<button onclick="Geeks()">
Click it
</button>
<p id="gfg"></p>
</center>
<script>
function Geeks() {
// Accessing Object element.
var x =
document.getElementById(
"myobject").data;
document.getElementById(
"gfg").innerHTML = x;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-2: Crear un elemento de objeto usando document.createElement .
html
<!DOCTYPE html>
<html>
<body>
<center>
<p>Click the button to create an
Object element with an embedded file.</p>
<button onclick="Geeks()">
Click it
</button>
<p id="gfg"></p>
<script>
function Geeks() {
// Creating object element.
var x =
document.createElement(
"OBJECT");
// Set data of the OBJECT.
x.setAttribute("data",
"https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png");
x.setAttribute("width", "400");
x.setAttribute("height", "100");
document.body.appendChild(x);
}
</script>
</center>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por Sabya_Samadder y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA