0
71
ViewsdecodeURI() está devolviendo un objeto html nulo
Estoy trabajando en un sitio web donde obtengo información de divs (como la altura) usando un método donde obtengo su identificación según la URL, con anclas.
De alguna manera no puedo hacer que funcione con URL con espacios o caracteres especiales en ellos. Funciona bien con letras no espaciadas ni acentuadas, pero en cuanto hay espacios (como en el ejemplo) no funciona.
Sin embargo, los necesito para trabajar con espacios y caracteres acentuados.
Aquí está el código. Creo que decodeURI() está haciendo que las cosas funcionen de forma extraña...
// My url as I load the page is : https://foo/#Le 10 décembre // var strurl = window.location.href; var strurl = "https://foo/#Le%2010%20d%C3%A9cembre"; var idOfText = /#(.+)/.exec(strurl)[1]; // it keeps "Le%2010%20d%C3%A9cembre" var decodedIdOfText = decodeURI(idOfText) // it gives me back "Le 10 décembre" //now that I got this part of the url, //I need to find the matching element in my dom, using it's ID : var x = document.getElementById(decodedIdOfText); console.log(x) // this console.log gives me : [object HTMLDivElement] // it should give me the specific div#Le 10 décembre var textHeight = x.height(); // because I'm next supposed to get it's height. // but there it gives me // Uncaught TypeError: x.height is not a function <div class="text" id="Le 10 décembre"> <a class="subtitle-texts" id="Le 10 décembre">Le 10 décembre</a> <div class="texts"> <p>Le grand spectacle se termine, la chanson commence à se calmer, devenir plus tendre, le rythme est surement plus lent. Les voix sont reposées, les gestes sont lents</p> </div> </div>1 answers
Answer question0
Actualización 1:
Observación 1: Tienes dos elementos con el mismo id. Se supone que la identificación es única.
<div ... id="Le 10 décembre"> <a ... id="Le 10 décembre">Le 10 décembre</a>Observación 2: ¿Hay alguna buena razón para crear identificaciones con espacios, caracteres especiales y juegos de caracteres extendidos que contengan símbolos como é ? Los ID siempre son internos, no forman parte del diseño, se usan solo para identificarse programáticamente. ¿Cuál es exactamente la razón para hacer cosas que van en contra de su programa?
Mira, no veo ningún problema con tu código. Pruébelo en Mozilla javascript test
encoded="https://foo/#Le%2010%20d%C3%A9cembre"; console.log(decodeURI(encoded)); console.log(decodeURI(/#(.+)/.exec(encoded)[1])); 