delete certain parts of a text text in javascript

Question

delete certain parts of a text text in javascript

Navigation

#1 by (6 votes)
#2 by (0 votes)

0

let's say I have several divs that contain an example text

<div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel ante diam. Donec vitae magna metus. Curabitur at lorem non augue mollis molestie. Nam augue nisi, dignissim a nunc nec, placerat tempor nisi. Donec rutrum eros in urna tristique, quis vehicula risus rutrum. Duis quis arcu id tortor faucibus euismod non quis sem. Sed vulputate dui vitae rutrum tempus. Vivamus eu diam lacus. Aliquam convallis luctus convallis. Vestibulum et sapien nisl. </div>

How could I delete with javascript only the text that is before the first point?

javascript html5 html

asked by Michel Novellino 20.10.2017 в 01:24

source

2 answers

HTML elements are cut How can I validate that an INPUT TEXT does not accept special characters? ?!)) $ &. '! "@ &

score 6 · Answer 1

Maybe you could take the index of the first . using javascript , for example:

/* Ahora con 'javascript', quitamos el texto que está antes del punto, incluído el punto. */

function cambiar_texto() {
    var mi_div = document.getElementById("mi_texto"),
           indice;
    indice = mi_div.textContent.indexOf('.');
    mi_div.textContent = mi_div.textContent.substring(indice + 1);
}

  
    <!-- Tu 'HTML': -->
    <!-- Le añadimos un identificador al div -->
    <div id="mi_texto"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel ante diam. Donec vitae magna metus. Curabitur at lorem non augue mollis molestie. Nam augue nisi, dignissim a nunc nec, placerat tempor nisi. Donec rutrum eros in urna tristique, quis vehicula risus rutrum. Duis quis arcu id tortor faucibus euismod non quis sem. Sed vulputate dui vitae rutrum tempus. Vivamus eu diam lacus. Aliquam convallis luctus convallis. Vestibulum et sapien nisl. </div>

<input type="button" value="Cambiar texto" onclick="cambiar_texto();">

score 0 · Answer 2

You can use str.split(".").splice(1).join() :

<!DOCTYPE html>
    <html>
    <head>
    <body>

      <div id="div_texto">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel ante diam. Donec vitae magna metus. Curabitur at lorem non augue mollis molestie. Nam augue nisi, dignissim a nunc nec, placerat tempor nisi. Donec rutrum eros in urna tristique, quis vehicula risus rutrum. Duis quis arcu id tortor faucibus euismod non quis sem. Sed vulputate dui vitae rutrum tempus. Vivamus eu diam lacus. Aliquam convallis luctus convallis. Vestibulum et sapien nisl.
        </div>
<script type="text/javascript">
var str = document.getElementById("div_texto").textContent;
var strArray = str.split(".").splice(1).join();
document.getElementById("div_texto").textContent = strArray;

</script>

    </body>
</head>
</html>