Entonces, el problema al que me he enfrentado hasta ahora es que actualmente estoy tratando de usar javascript para que el atributo coords de mi etiqueta de área se establezca de acuerdo con algunas variables (lo que es realmente no importa). Sin embargo, las coordenadas requieren 4 entradas (x1,y1,x2,y2) y tengo algunos valores para los que no voy a usar la variable. Lo que significa que tengo que mezclar cadenas y variables en la entrada que no tengo idea de cómo hacerlo.
Para darle una mejor idea de lo que estoy haciendo, aquí hay un resumen:
var p = some random value var q = some random value var a1 = document.getElementById(areaID); a1.setAttribute("coords", "0,0, p,q")Por supuesto, esto no funcionó ya que el "" hizo pensar que p, q son cadenas en lugar de variables. Así que probé con otro donde todo falló (algunos intentos desesperados).
a1.setAttribute("coords", 0,0,p,q); a1.setAttribute("coords", "0,0," + p + "," + q); document.getElementById(areaID).coords = 0,0, p,q; const list = ["0","0", p,q]; a1.setAttribute("coords", list);Entonces, ¿alguien sabe cómo podría hacer esto?
La segunda opción que probaste debería funcionar. En su ejemplo, ¿ areaID es una variable o la identificación real del elemento? Si es lo último, debe ponerlo entre comillas: document.getElementById("areaID")
var p = "val1" var q = 23 var a1 = document.getElementById("areaID"); a1.setAttribute("coords", "0,0," + p + "," + q) console.log(a1); <div id="areaID"></div>